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ABOUT THIS CHAPTER 


This chapter describes the Macintosh user interface, for the benefit of people 
who want to develop Macintosh applications. More details about many of these 
features can be found in the "About" sections of the other chapters of Inside 
Macintosh (for example, "About the Window Manager" ). 


Unlike the rest of Inside Macintosh, this chapter describes applications from 
the outside, not the inside. The terminology used is the terminology users are 
familiar with, which is not necessarily the same as that used elsewhere in 
Inside Macintosh. 


The Macintosh user interface consists of those features that are generally 
applicable to a variety of applications. Not all of the features are found in 
every application. In fact, some features are hypothetical, and may not be found 
in any current applications. 


The best time to familiarize yourself with the user interface is before 
beginning to design an application. Good application design on the Macintosh 
happens when a developer has absorbed the spirit as well as the details of the 
user interface. 


Before reading this chapter, you should have some experience using one or more 
applications, preferably one each of a word processor, spreadsheet or data base, 
and graphics application. You should also have read Macintosh, the owner's 
guide, or at least be familiar with the terminology used in that manual. 


For more complete information about the Macintosh user interface, see Human 
Interface Guidelines: The Apple Desktop Interface (available through APDA). 
These guidelines are significantly extended from the guidelines chapter in the 
original Inside Macintosh; they include the principles behind the desktop 
interface used by both the Macintosh and Apple IIgs™, as well as specific 
guidelines for how interface elements should be used. 


For more information about color, see the Color Manager and Color Picker Package 
chapters. Some reference works on color in the computer/user interface are 
listed at the end of this chapter. For more information about sound and menus, 
see the Sound and Menu Manager chapters, respectively. 
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INTRODUCTION 


The Macintosh is designed to appeal to an audience of nonprogrammers, including 
people who have previously feared and distrusted computers. To achieve this 
goal, Macintosh applications should be easy to learn and to use. To help people 
feel more comfortable with the applications, the applications should build on 
skills that people already have, not force them to learn new ones. The user 
should feel in control of the computer, not the other way around. This is 
achieved in applications that embody three qualities: responsiveness, 
permissiveness, and consistency. 


Responsiveness means that the user's actions tend to have direct results. The 
user should be able to accomplish what needs to be done spontaneously and 
intuitively, rather than having to think: "Let's see; to do C, first I have to 
do A and B and then..". For example, with pull-down menus, the user can choose 
the desired command directly and instantaneously. 


Permissiveness means that the application tends to allow the user to do anything 
reasonable. The user, not the system, decides what to do next. Also, error 
messages tend to come up infrequently. If the user is constantly subjected to a 
barrage of error messages, something is wrong somewhere. 


The most important way in which an application is permissive is in avoiding 
modes. This idea is so important that it's dealt with in a separate section, 
"Avoiding Modes", below. 


The third and most important principle is consistency. Since Macintosh users 
usually divide their time among several applications, they would be confused and 
irritated if they had to learn a completely new interface for each application. 
The main purpose of this chapter is to describe the shared interface ideas of 
Macintosh applications, so that developers of new applications can gain leverage 
from the time spent developing and testing existing applications. 


Consistency is easier to achieve on the Macintosh than on many other computers. 
This is because many of the routines used to implement the user interface are 
supplied in the Macintosh Operating System and User Interface Toolbox. However, 
you should be aware that implementing the user interface guidelines in their 
full glory often requires writing additional code that isn't supplied. 


Of course, you shouldn't feel that you're restricted to using existing features. 
The Macintosh is a growing system, and new ideas are essential. But the bread- 
and-butter features, the kind that every application has, should certainly work 
the same way so that the user can easily move back and forth between 
applications. The best rule to follow is that if your application has a feature 
that's described in these guidelines, you should implement the feature exactly 
as the guidelines describe it. It's better to do something completely different 
than to half-agree with the guidelines. 


Illustrations of most of the features described in this chapter can be found in 
various existing applications. However, there's probably no one application that 
illustrates these guidelines in every particular. Although it's useful and 

important for you to get the feeling of the Macintosh user interface by looking 
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at existing applications, the guidelines in this chapter are the ultimate 
authority. Wherever an application disagrees with the guidelines, follow the 
guidelines. 


Avoiding Modes 


"But, gentlemen, you overdo the mode." 
— John Dryden, The Assignation, or Love in a Nunnery, 1672 


A mode is a part of an application that the user has to formally enter and 
leave, and that restricts the operations that can be performed while it's in 
effect. Since people don't usually operate modally in real life, having to deal 
with modes in computer software reinforces the idea that computers are unnatural 
and unfriendly. 


Modes are most confusing when you're in the wrong one. Being in a mode makes 
future actions contingent upon past ones, restricts the behavior of familiar 
objects and commands, and may make habitual actions cause unexpected results. 


It's tempting to use modes in a Macintosh application, since most existing 
software leans on them heavily. If you yield to the temptation too frequently, 
however, users will consider spending time with your application a chore rather 
than a satisfying experience. 


This is not to say that modes are never used in Macintosh applications. 
Sometimes a mode is the best way out of a particular problem. Most of these 
modes fall into one of the following categories: 


¢ Long-term modes with a procedural basis, such as doing word processing 
as opposed to graphics editing. Each application program is a mode in 
this sense. 

e Short-term "spring-loaded" modes, in which the user is constantly doing 
something to perpetuate the mode. Holding down the mouse button or a key 
is the most common example of this kind of mode. 

« Alert modes, where the user must rectify an unusual situation before 
proceeding. These modes should be kept to a minimum. 


Other modes are acceptable if they meet one of the following requirements: 


e They emulate a familiar real-life model that is itself modal, like 
picking up different-sized paintbrushes in a graphics editor. MacPaint™ 
and other palette-based applications are examples of this use of modes. 

e They change only the attributes of something, and not its behavior, 
like the boldface and underline modes of text entry. 

e They block most other normal operations of the system to emphasize the 
modality, as in error conditions incurable through software ("There's 
no disk in the disk drive", for example). 


If an application uses modes, there must be a clear visual indication of the 
current mode, and the indication should be near the object being most affected 
by the mode. It should also be very easy to get into or out of the mode (such as 
by clicking on a palette symbol). 
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Avoiding Program Dependencies 


Another important general concept to keep in mind is that your application 
program should be as country-independent and hardware-independent as possible. 


No words that the user sees should be in the program code itself; storing all 
these words in resources will make it much easier for the application to be 
translated to other languages. Similarly, there's a mechanism for reading 
country-dependent information from resources, such as the currency and date 
formats, so the application will automatically work right in countries where 
those resources have been properly set up. You should always use mechanisms like 
this instead of coding such information directly into your program. 


The system software provides many variables and routines whose use will ensure 
independence from the version of the Macintosh being used—whether a Macintosh 
128K, 512K, XL, or even a future version. Though you may know a more direct way 
of getting the information, or a faster way of doing the operation, it's best to 
use the system-provided features that will ensure hardware independence. You 
should, for example, access the variable that gives you the current size of the 
screen rather than use the numbers that match the screen you're using. You can 
also write your program so that it will print on any printer, regardless of 
which type of printer happens to be installed on the Macintosh being used. 
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TYPES OF APPLICATIONS 


Everything on a Macintosh screen is displayed graphically; the Macintosh has no 
text mode. Nevertheless, it's useful to make a distinction among three types of 
objects that an application deals with: text, graphics, and arrays. Examples of 
each of these are shown in Figure 1. 


Text can be arranged in a variety of ways on the screen. Some applications, such 
as word processors, might consist of nothing but text, while others, such as 
graphics-oriented applications, use text almost incidentally. It's useful to 
consider all the text appearing together in a particular context as a block of 
text. The size of the block can range from a single field, as in a dialog box, 
to the whole document, as in a word processor. Regardless of its size or 
arrangement, the application sees each block as a one-dimensional string of 
characters. Text is edited the same way regardless of where it appears. 


Graphics are pictures, drawn either by the user or by the application. Graphics 
in a document tend to consist of discrete objects, which can be selected 
individually. Graphics are discussed further below, under "Using Graphics". 
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The rest to some faint meaning make pretence 
But Shadwell never deviates into sense, 

Home beams of wit on other souk may fall, 
Shrike throwzh and make a lucid interval; 


But Shadwell’s genuine night admits no ray, 
His rising fogs prevail wpou the day. 


MiacF lreck noe Page 1 


Text 


Figure 1-Warys of Stroctuning Information 
Figure 1-Ways of Structuring Information 


Arrays are one- or two-dimensional arrangements of fields. If the array is one- 
dimensional, it's called a form; if it's two-dimensional it's called a table. 
Each field, in turn, contains a collection of information, usually text, but 
conceivably graphics. A table can be readily identified on the screen, since it 
consists of rows and columns of fields (often called cells), separated by 
horizontal and vertical lines. A form is something you fill out, like a credit- 
card application. The fields in a form can be arranged in any appropriate way; 
nevertheless, the application regards the fields as in a definite linear order. 


Each of these three ways of presenting information retains its integrity, 
regardless of the context in which it appears. For example, a field in an array 
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can contain text. When the user is manipulating the field as a whole, the field 
is treated as part of the array. When the user wants to change the contents of 
the field, the contents are edited in the same way as any other text. 
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USING GRAPHICS 


A key feature of the Macintosh is its high-resolution graphics screen. To use 
this screen to its best advantage, Macintosh applications use graphics 
copiously, even in places where other applications use text. As much as 
possible, all commands, features, and parameters of an application, and all the 
user's data, appear as graphic objects on the screen. Figure 2 shows some of the 
ways that applications can use graphics to communicate with the user. 
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Figure 2-Objects on the Screen 
Figure 2—Objects on the Screen 


Objects, whenever applicable, resemble the familiar material objects whose 
functions they emulate. Objects that act like pushbuttons "Light up" when 
pressed; the Trash icon looks like a trash can. 


Objects are designed to look good on the screen. Predefined graphics patterns 
can give objects a shape and texture beyond simple line graphics. Placing a 
drop-shadow slightly below and to the right of an object can give it a three- 
dimensional appearance. 


Generally, when the user clicks on an object, it's highlighted to distinguish it 
from its peers. The most common way to show this highlighting is by inverting 
the object: changing black to white and vice versa. In some situations, other 
forms of highlighting may be more appropriate. The important thing is that there 
should always be some sort of feedback, so that the user knows that the click 
had an effect. 


One special aspect of the appearance of a document on the screen is visual 
fidelity. This principle is also known as "what you see is what you get". It 
primarily refers to printing: The version of a document shown on the screen 
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should be as close as possible to its printed version, taking into account 
inevitable differences due to different media. 


Icons 


A fundamental object in Macintosh software is the icon, a small graphic object 
that's usually symbolic of an operation or of a larger entity such as a 
document. 


Icons can contribute greatly to the clarity and attractiveness of an 
application. The use of icons also makes it much easier to translate programs 
into other languages. Wherever an explanation or label is needed, consider using 
an icon instead of text. 


Palettes 


Some applications use palettes as a quick way for the user to change from one 
operation to another. A palette is a collection of small symbols, usually 
enclosed in rectangles. A symbol can be an icon, a pattern, a character, or just 
a drawing, that stands for an operation. When the user clicks on one of the 
symbols (or in its rectangle), it's distinguished from the other symbols, such 
as by highlighting, and the previous symbol goes back to its normal state. 


Typically, the symbol that's selected determines what operations the user can 
perform. Selecting a palette symbol puts the user into a mode. This use of modes 
can be justified because changing from one mode to another is almost 
instantaneous, and the user can always see at a glance which mode is in effect. 
Like all modal features, palettes should be used only when they're the most 
natural way to structure an application. 


A palette can either be part of a window (as in MacDraw™), or a separate window 
(as in MacPaint). Each system has its disadvantages. If the palette is part of 
the window, then parts of the palette might be concealed if the user makes the 
window smaller. On the other hand, if it's not part of the window, then it takes 
up extra space on the desktop. If an application supports multiple documents 
open at the same time, it might be better to put a separate palette in each 
window, so that a different palette symbol can be in effect in each document. 
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COMPONENTS OF THE MACINTOSH SYSTEM 


This section explains the relationship among the principal large-scale 
components of the Macintosh system (from an external point of view). 


The main vehicle for the interaction of the user and the system is the 
application. Only one application is active at a time. When an application is 
active, it's in control of all communications between the user and the system. 
The application's menus are in the menu bar, and the application is in charge of 
all windows as well as the desktop. 


To the user, the main unit of information is the document. Each document is a 
unified collection of information—a single business letter or spreadsheet or 
chart. A complex application, such as a data base, might require several related 
documents. Some documents can be processed by more than one application, but 
each document has a principal application, which is usually the one that created 
it. The other applications that process the document are called secondary 
applications. 


The only way the user can actually see the document (except by printing it) is 
through a window. The application puts one or more windows on the screen; each 
window shows a view of a document or of auxiliary information used in processing 
the document. The part of the screen underlying all the windows is called the 
desktop. 


The user returns to the Finder to change applications. When the Finder is 
active, if the user opens either an application a document belonging to an 
application, the application becomes active and displays the document window. 


Internally, applications and documents are both kept in files. However, the user 
never sees files as such, so they don't really enter into the user interface. 
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THE KEYBOARD 


The Macintosh keyboard is used primarily for entering text. Since commands are 
chosen from menus or by clicking somewhere on the screen, the keyboard isn't 


needed for this function, although it can be used for alternative ways to enter 
commands. 


The keys on the keyboard are arranged in familiar typewriter fashion. The U.S. 
keyboard on the Macintosh 128K and 512K is shown in Figure 3. The Macintosh XL 
keyboard looks the same except that the key to the left of the space bar is 
labeled with an apple symbol. 
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Figure 3-The Macintosh U.S. Keyboard 
Figure 3—The Macintosh U.S. Keyboard 


The standard keyboard for the Macintosh SE and Macintosh II includes a Control 
key and an Escape key. The optional extended keyboard has in addition 6 
dedicated function keys, 15 function keys that are user-definable, and 3 LED 


indicators for key lock conditions. The Apple Extended Keyboard is shown in 
Figure 4. 
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Figure 4—The Apple Extended Keyboard 


Figure 4—The Apple Extended Keyboard 


There are two kinds of keys: character keys and modifier keys. A character key 
sends characters to the computer; a modifier key alters the meaning of a 
character key if it's held down while the character key is pressed. 


Character Keys 


Character keys include keys for letters, numbers, and symbols, as well as the 
space bar. If the user presses one of these keys while entering text, the 
corresponding character is added to the text. Other keys, such as the Enter, 
Tab, Return, Backspace, and Clear keys, are also considered character keys. 
However, the result of pressing one of these keys depends on the application and 
the context. 


The Enter key tells the application that the user is through entering 
information in a particular area of the document, such as a field in an array. 
Most applications add information to a document as soon as the user types or 
draws it. However, the application may need to wait until a whole collection of 
information is available before processing it. In this case, the user presses 
the Enter key to signal that the information is complete. 


The Tab key is a signal to proceed: It signals movement to the next item in a 
sequence. Tab often implies an Enter operation before the Tab motion is 
performed. 


The Return key is another signal to proceed, but it defines a different type of 
motion than Tab. A press of the Return key signals movement to the leftmost 
field one step down (just like a carriage return on a typewriter). Return can 
also imply an Enter operation before the Return operation. 


Note: Return and Enter also dismiss dialog and alert boxes 
(see "Dialogs and Alerts"). 
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During entry of text into a document, Tab moves to the next tab stop, Return 
moves to the beginning of the next line, and Enter is ignored. 


Backspace is used to delete text or graphics. The exact use of Backspace in text 
is described in the "Text Editing" section. 


The Clear key on the numeric keypad has the same effect as the Clear command in 
the Edit menu; that is, it removes the selection from the document without 
putting it in the Clipboard. This is also explained in the "Text Editing" 
section. Because the keypad is optional equipment on the Macintosh 128K and 
512K, no application should ever require use of the Clear key or any other key 
on the pad. 


Modifier Keys: Shift, Caps Lock, Option, and Command 


There are six keys on the keyboard that change the interpretation of keystrokes: 
two Shift keys, two Option keys, one Caps Lock key, and one Command key (the key 
to the left of the space bar). These keys change the interpretation of 
keystrokes, and sometimes mouse actions. When one of these keys is held down, 
the effect of the other keys (or the mouse button) may change. 


The Shift and Option keys choose among the characters on each character key. 
Shift gives the upper character on two-character keys, or the uppercase letter 
on alphabetic keys. The Shift key is also used in conjunction with the mouse for 
extending a selection; see "Selecting". Option gives an alternate character set 
interpretation, including international characters, special symbols, and so on. 
Shift and Option can be used in combination. 


Caps Lock latches in the down position when pressed, and releases when pressed 
again. When down it gives the uppercase letter on alphabetic keys. The operation 
of Caps Lock on alphabetic keys is parallel to that of the Shift key, but the 
Caps Lock key has no effect whatsoever on any of the other keys. Caps Lock and 
Option can be used in combination on alphabetic keys. 


Pressing a character key while holding down the Command key usually tells the 
application to interpret the key as a command, not as a character (see 
"Commands"). 


Control and Escape Keys 


The Control and Esc (Escape) keys should be used for their standard meanings; 
neither should be used as an additional command-key modifier. Since not all 
keyboards may have a Control or Esc key, neither should be depended upon. 


The main use of the Control key is to generate control characters for terminal 
emulation programs. (The Command key is used for this purpose on terminals 
lacking a Control key.) A secondary use that also derives from past practice is 
calling user-defined functions, or macros. The varying placement of the Control 
key on different keyboards means that it should not be used for routine entry, 
as touch-typists may find its position inconvenient. 
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The Esc key has the general meaning "let me out of here". In certain contexts 
its meaning is specific: 


« The user can press Esc as a quick way to indicate Cancel in a dialog box. 

e The user can press Esc to stop an operation in progress, such as printing. 
(Using Esc this way is like pressing Command-period. ) 

¢ If an application absolutely requires a series of dialog boxes (a fresh 
look at program design usually eliminates such sequences), the user 
should be able to use Esc to move backward through the boxes. 


Pressing Esc should never cause the user to back out of an operation that would 
require extensive time or work to reenter, and it should never cause the user to 
lose valuable information. When the user presses Esc during a lengthy 
operation, the application should display a confirmation dialog box to be sure 
Esc wasn't pressed accidentally. 


Function Keys 


There are two types of function keys: dedicated and user-definable. The user- 
definable keys—labeled Fl through F15—are not to be defined by an application. 
Fl through F4 represent Undo, Cut, Copy, and Paste, respectively, in any 
applications that use these commands. 


The six dedicated function keys are labeled Help, Del, Home, End, Page Up, and 
Page Down. These keys are used as follows: 


e Help: Pressing the Help key should produce help (it's equivalent to 
pressing Command-?). The sort of help available varies between 
applications; if a full, contextual help system is not available, 
some sort of useful help screen should be provided. 

¢ Fwd Del: Pressing Fwd Del performs a forward delete: the character 
directly to the right of the insertion point is removed, pulling 
everything to the right of the removed character toward the insertion 
point. The effect is that the insertion point remains stable while 
it "vacuums" everything ahead of it. 

If Fwd Del is pressed when there is a current selection, it has the 
same effect as pressing Delete (Backspace) or choosing Clear from the 
Edit menu. 

« Home: Pressing the Home key is equivalent to moving the scroll boxes 
(elevators) all the way to the top of the vertical scroll bar and to 
the left end of the horizontal scroll bar. 

e End: The flip-side of Home: it's equivalent to moving the scroll boxes 
(elevators) all the way to the bottom of the vertical scroll bar and to 
the right end of the horizontal scroll bar. 

e Page Up: Equivalent to clicking the mouse pointer in the upper gray 
region of the vertical scroll bar. 

e Page Down: Equivalent to clicking the mouse pointer in the lower gray 
region of the vertical scroll bar. 


Notice that the Home, End, Page Up, and Page Down keys have no effect on the 
insertion point or on any selected material. These keys change the screen 
display only, for three reasons: 


* The analogy to scrolling means that the keys behave as users expect. 
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e Users can easily change the insertion point by clicking in the 
jumped-to window. 

e Window-by-window jumping with a moving insertion point can be done by 
Command—arrow key combinations, as described in the "Arrow Keys" section. 


Because the keys are visual only, the Page Up and Page Down keys jump relative 
to the visible window, not relative to the insertion point. 


Typeahead and Auto-Repeat 


If the user types when the Macintosh is unable to process the keystrokes 
immediately, or types more quickly than the Macintosh can handle, the extra 
keystrokes are queued, to be processed later. This queuing is called typeahead. 
There's a limit to the number of keystrokes that can be queued, but the limit is 
usually not a problem unless the user types while the application is performing 
a lengthy operation. 


When a character is held down for a certain amount of time, it starts repeating 
automatically. The user can set the delay and the rate of repetition with the 
Control Panel desk accessory. An application can tell whether a series of n 
keystrokes was generated by auto-repeat or by pressing the same key n times. It 
can choose to disregard keystrokes generated by auto-repeat; this is usually a 
good idea for menu commands chosen with the Command key. 


Holding down a modifier key has the same effect as pressing it once. However, 
if the user holds down a modifier key and a character key at the same time, the 
effect is the same as if the user held down the modifier key while pressing the 
character key repeatedly. 


Auto-repeat does not function during typeahead; it operates only when the 
application is ready to accept keyboard input. 


Versions of the Keyboard 


There are two physical versions of the keyboard: U.S. and international. The 
international version has one more key than the U.S. version. The standard 
layout on the international version is designed to conform to the International 
Standards Organization (ISO) standard; the U.S. key layout mimics that of common 
American office typewriters. International keyboards have different labels on 
the keys in different countries, but the overall layout is the same. 


Note: An illustration of the international keyboard (with Great Britain 
key caps) is given in the Toolbox Event Manager chapter. 


The Numeric Keypad 


An optional numeric keypad can be hooked up between the main unit and the 
standard keyboard on a Macintosh 128K or 512K; on the Macintosh XL, the numeric 
keypad is built in, next to the keyboard. Figure 5 shows the U.S. keypad. In 
other countries, the keys may have different labels. 


@ SpInside Macintosh ¢ Version 1.0 * November 1989 * Apple Computer 
THE MACINTOSH USER INTERFACE GUIDELINES ¢ 19 of 90 


Figure 5—Numeric Re y¥pad 
Figure 5—Numeric Keypad 


The keypad contains 18 keys, some of which duplicate keys on the main keyboard, 
and some of which are unique to the keypad. The application can tell whether the 
keystrokes have come from the main keyboard or the numeric keypad. The keys on 
the keypad follow the same rules for typeahead and auto-repeat as the keyboard. 


Four keys on the keypad are labeled with "field-motion" symbols: small 
rectangles with arrows pointing in various directions. Some applications may use 
these keys to select objects in the direction indicated by the key; the most 
likely use for this feature is in tables. To obtain the characters 

(+ * / ,) available on these keys, the user must also hold down the Shift key on 
the keyboard. 


Since the numeric keypad is optional equipment on the Macintosh 128K and 512K, 
no application should require it or any keys available on it in order to perform 
standard functions. Specifically, since the Clear key isn't available on the 
main keyboard, a Clear function may be implemented with this key only as the 
equivalent of the Clear command in the Edit menu. 
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ARROW KEYS 


The Macintosh Plus keyboard includes four arrow keys: Up Arrow, Down Arrow, 
Left Arrow, and Right Arrow. 


Figure 6—Macintosh Plus Arrow Eeys 


Figure 6—Macintosh Plus Arrow Keys 


Appropriate Uses for the Arrow Keys 


The arrow keys do not replace the mouse. They can be used in addition to the 
mouse as a shortcut for moving the insertion point and (under some 
circumstances) for making selections. The following rules are the minimum 
guidelines for the use of arrow keys, leaving application programmers relatively 
free to expand on them where things are left undefined. Extensions necessary for 
a particular application should be done in the spirit of the Macintosh user 
interface. 


It's up to you to decide whether it's worth the effort to create arrow key 
shortcuts for mouse functions. Many users find that remembering a key 
combination on the order of Command—-Shift—Left Arrow is more trouble than it's 
worth and would rather use a mouse anyway. In other situations, it's more 
convenient to use the keyboard. Some people have difficulty using a mouse and 
appreciate being able to use the keyboard instead. 


You should make use of the arrow keys only where it's appropriate to the 
application. Applications that deal with text or arrays (word processors, 
spreadsheets, and data bases, for example) have an insertion point. This 
insertion point can always be moved by the mouse and, with the new keyboard, 
with the arrow keys as well. 


As a general rule, arrow keys are used to move the insertion point and to expand 
or shrink selections. Arrow keys are never used to duplicate the function of the 
scroll bars or to move the pointer. In a graphics application, the arrow keys 
should not be used to move a selected object. 
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Moving the Insertion Point With Arrow Keys 


The Left Arrow and Right Arrow keys move the insertion point one character left 
and right, respectively. 


Up Arrow and Down Arrow move the insertion point up and down one Line, 
respectively. The horizontal screen position should be maintained in terms of 
screen pixels but not necessarily in terms of characters, because the insertion 
point moves to the nearest character boundary on the new line. (Character 
boundaries seldom line up vertically when proportional fonts are used.) During 
successive movements up or down, you should keep track of the original 
horizontal screen position; otherwise, accumulated round-off errors might cause 
the insertion point to move a significant distance from the original horizontal 
position as it moves from line to Line. 


Moving the Insertion Point in Empty Documents 


Various text-editing programs treat empty documents in different ways. Some 
assume that an empty document contains no characters, in which case clicking at 
the bottom of a blank screen causes the insertion point to appear at the top. In 
this situation, Down Arrow cannot move the insertion point into the blank space 
(because there are no characters there). 


Other applications treat an empty document as a page of Space characters, in 
which case clicking at the bottom of a blank screen puts the insertion point 
where the user clicked and lets the user type characters there, overwriting the 
spaces. Down Arrow moves the insertion point straight down through the spaces. 


Whichever paradigm you choose for your application, be consistent. 
Modifier Keys With Arrow Keys 


Holding down the Command key while pressing an arrow key should move the 
insertion point to the appropriate edge of the window. If the insertion point is 
already at the edge of the window, the document should be scrolled one windowful 
in the appropriate direction and the insertion point should move to the same 
edge of the new windowful. Command—Up Arrow moves to the top of the window, 
Command—Down Arrow to the bottom, Command—Left Arrow to the left edge, and 
Command—Right Arrow to the right edge. 


The Option key is reserved as a "Semantic modifier" key. The application 
determines what the semantic units are. For example, in a word processor, where 
the basic semantic unit is the character and the next larger unit is the word, 
Option—Left Arrow and Option—Right Arrow might move the insertion point to the 
beginning and end, respectively, of a word. (Movement of the insertion point by 
word boundaries should use the same definition of "word" that the application 
uses for double clicking.) The next larger semantic unit could be defined as the 
sentence, in which case Option—Left Arrow and Option—Right Arrow would move the 
insertion point to the beginning or end of a sentence. In a programming language 
editor, where the basic semantic unit is the token and the next larger one might 
be the line, Option—Left Arrow and Option—Right Arrow might move the insertion 
point left and right to the beginning and end of the line, respectively. 


In an application (such as a spreadsheet) that represents itself as an array, 
the basic semantic unit would be the cell. Option—Left Arrow would designate the 


@ SpInside Macintosh ¢« Version 1.0 * November 1989 « Apple Computer 
THE MACINTOSH USER INTERFACE GUIDELINES ¢ 22 of 90 


cell to the left of the currently active cell as the new active cell, and so on. 
Using modifier keys with arrow keys doesn't do anything to the data; 
Option—Left Arrow just moves the selection to the next cell to the left. 


Though the use of multiple modifier key combinations (such as 
Command—Option—Left Arrow) is discouraged, it's fine to use the Shift key with 
any one of the other modifier keys for making a selection (see "Making a 
Selection With Arrow Keys" below). Keep in mind that if multiple keys must be 
pressed simultaneously, they should be fairly close together—otherwise many 
people won't be able to use that combination. 


Making a Selection With Arrow Keys 


To use arrow keys to make a selection, the user holds down Shift while pressing 
an arrow key. Application programs that depend (as TextEdit does) on the numeric 
keypad should not use these Shift—arrow key combinations because the ASCII codes 
for the four Shift—arrow key combinations are the same as those for the keypad's 
+, *, /, and = keys. If the use of Shift—arrow for making selections is more 
important to your application than the numeric keypad, the following paragraphs 
describe how it should work. 


After a Shift—arrow key combination has been pressed, the insertion point moves 
and the range over which it moves becomes selected. If both the Shift key and 
another modifier key are held down, the insertion point moves (as defined for 
the particular modifier key) and the range over which the insertion point moves 
becomes selected. For example, Shift—Left Arrow selects the character to the 
left of the insertion point, Command—Shift—Left Arrow selects from the insertion 
point to the left edge of the window, and Option—Shift—Left Arrow selects the 
whole word that contains the character to the left of the insertion point (just 
like double clicking on a word). 


A selection made using the mouse is no different from one made using arrow keys. 
A selection started with the mouse can be extended using Shift and Left Arrow or 
Right Arrow. 


The two ends of a selected range have different characteristics and different 
names. The place where the insertion point was when selection was started is 
called the anchor point. The place to which the insertion point moves to 
complete the selection is called the active end. Once selection begins, the 
anchor point cannot be moved except by beginning a new selection. To extend or 
shrink a selection, the user moves the active end as specified here. As the 
active end moves, it can cross over the anchor point. 


In a text application, pressing Shift and either Left Arrow or Right Arrow 
selects a single character. Assuming that Left Arrow key was used, the anchor 
point of the selection is on the right side of the selection, the active end on 
the left. Each subsequent Shift—Left Arrow adds another character to the left 
side of the selection. A Shift-Right Arrow at this point shrinks the selection. 
Figure 7 summarizes these actions. 
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1. Tngertion point is within a word: wWolrd 
é. phift-LeftAmow is pressed: wHrd 
3. another Shift-Left- Arrow: med 
4. Shift Right Anow: wid 
5. three more times Shift-Right-Anow: Wr opm 


Figure 7-Selecting With Shift-Anow Keys 


Figure 7-Selecting With Shift—Arrow Keys 


In a text application, pressing Option—Shift and either Left Arrow or Right 
Arrow selects the entire word containing the character to the left of the 
insertion point. Assuming Left Arrow was used, the anchor point is at the right 
end of the word, the active end at the left. Each subsequent Option—Shift—Left 
Arrow adds another word to the left end of the selection, as shown in Figure 8. 


1. Insertion point is within a word: another wolrd 
2. Option Shift-Left-Anow is pressed: another 
3. another Option- ShiftLeftAnoyw: another word 


Figure §—-Selectng With Option-fhiftAnow Reys 


Figure 8—-Selecting With Option—Shift—Arrow Keys 


Pressing Command—Shift—Left Arrow selects the area from the insertion point to 
the left edge of the window. The anchor point is at the right end of the 
selection, the active end is at the left. Each subsequent Command—Shift—Left 
Arrow moves the document one windowful left and extends the selection to the 
left edge of the new window. 


Extending or Shrinking a Selection 


To use arrow keys to extend or shrink a selection, the user holds down the Shift 
key (plus any defined modifiers) while pressing an arrow key. The arrow key 
moves the insertion point at the active end of the selection. 


Collapsing a Selection 


When a block of text is selected, pressing either Left Arrow or Right Arrow 
deselects the range. If Left Arrow is pressed, the insertion point is left at 
the beginning of the previous selection; if Right Arrow, at the end of the 
previous selection. 
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THE MOUSE 


The mouse is a small device the size of a deck of playing cards, connected to 
the computer by a long, flexible cable. There's a button on the top of the 
mouse. The user holds the mouse and rolls it on a flat, smooth surface. A 
pointer on the screen follows the motion of the mouse. 


Simply moving the mouse results only in a corresponding movement of the pointer 
and no other action. Most actions take place when the user positions the "hot 
spot" of the pointer over an object on the screen and presses and releases the 
mouse button. The hot spot should be intuitive, like the point of an arrow or 
the center of a crossbar. 


Mouse Actions 
The three basic mouse actions are: 


e clicking: positioning the pointer with the mouse, and briefly 
pressing and releasing the mouse button without moving the mouse 

* pressing: positioning the pointer with the mouse, and holding 
down the mouse button without moving the mouse 

¢ dragging: positioning the pointer with the mouse, holding down 
the mouse button, moving the mouse to a new position, and releasing 
the button 


The system provides "mouse-ahead"; that is, any mouse actions the user performs 
when the application isn't ready to process them are saved in a buffer and can 
be processed at the application's convenience. Alternatively, the application 
can choose to ignore saved-up mouse actions, but should do so only to protect 
the user from possibly damaging consequences. 


Clicking something with the mouse performs an instantaneous action, such as 
selecting a location within a document or activating an object. 


For certain kinds of objects, pressing on the object has the same effect as 
clicking it repeatedly. For example, clicking a scroll arrow causes a document 
to scroll one line; pressing on a scroll arrow causes the document to scroll 
repeatedly until the mouse button is released or the end of the document is 
reached. 


Dragging can have different effects, depending on what's under the pointer when 
the mouse button is pressed. The uses of dragging include choosing a menu item, 
selecting a range of objects, moving an object from one place to another, and 
shrinking or expanding an object. 


Some objects, especially graphic objects, can be moved by dragging. In this 
case, the application attaches a dotted outline of the object to the pointer and 
moves the outline as the user moves the pointer. When the user releases the 
mouse button, the application redraws the complete object at the new location. 
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An object being moved can be restricted to certain boundaries, such as the edges 
of a window. If the user moves the pointer outside of the boundaries, the 
application stops drawing the dotted outline of the object. If the user releases 
the mouse button while the pointer is outside of the boundaries, the object 
isn't moved. If, on the other hand, the user moves the pointer back within the 
boundaries again before releasing the mouse button, the outline is drawn again. 


In general, moving the mouse changes nothing except the location, and possibly 
the shape, of the pointer. Pressing the mouse button indicates the intention to 
do something, and releasing the button completes the action. Pressing by itself 
should have no effect except in well-defined areas, such as scroll arrows, where 
it has the same effect as repeated clicking. 


Multiple-Clicking 


A variant of clicking involves performing a second click shortly after the end 
of an initial click. If the downstroke of the second click follows the upstroke 
of the first by a short amount of time (as set by the user in the Control 
Panel), and if the locations of the two clicks are reasonably close together, 
the two clicks constitute a double-click. Its most common use is as a faster or 
easier way to perform an action that can also be performed in another way. For 
example, clicking twice on an icon is a faster way to open it than selecting it 
and choosing Open; clicking twice on a word to select it is faster than dragging 
through it. 


To allow the software to distinguish efficiently between single clicks and 
double-clicks on objects that respond to both, an operation invoked by double- 
clicking an object must be an enhancement, superset, or extension of the feature 
invoked by single-clicking that object. 


Triple-clicking is also possible; it should similarly represent an extension of 
a double-click. 


Changing Pointer Shapes 


The pointer may change shape to give feedback on the range of activities that 
make sense in a particular area of the screen, in a current mode, or both: 


¢ The result of any mouse action depends on the item under the pointer 
when the mouse button is pressed. To emphasize the differences among 
mouse actions, the pointer may assume different appearances in different 
areas to indicate the actions possible in each area. This can be 
distracting, however, and should be kept to a minimum. 

e Where an application uses modes for different functions, the pointer 
can be a different shape in each mode. For example, in MacPaint, the 
pointer shape always reflects the active palette symbol. 


During a particularly lengthy operation, when the user can do nothing but wait 
until the operation is completed, the pointer may change to indicate this. The 
standard pointer used for this purpose is a wristwatch. 


Figure 9 shows some examples of pointers and their effect. An application can 
design additional pointers for other contexts. 
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Figure 9—Pointers 


Figure 9—Pointers 
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SELECTING 


The user selects an object to distinguish it from other objects, just before 
performing an operation on it. Selecting the object of an operation before 
identifying the operation is a fundamental characteristic of the Macintosh user 
interface, since it allows the application to avoid modes. 


Selecting an object has no effect on the contents of a document. Making a 
selection shouldn't commit the user to anything; there should never be a penalty 
for making an incorrect selection. The user fixes an incorrect selection by 
making the correct selection. 


Although there's a variety of ways to select objects, they fall into easily 
recognizable groups. Users get used to doing specific things to select objects, 
and applications that use these methods are therefore easier to learn. Some of 
these methods apply to every type of application, and some only to particular 
types of applications. 


This section discusses first the general methods, and then the specific methods 
that apply to text applications, graphics applications, and arrays. Figure 10 
shows a comparison of some of the general methods. 


Selection by Clicking 


The most straightforward method of selecting an object is by clicking on it 
once. Most things that can be selected in Macintosh applications can be selected 
this way. 


Clicking on B 
selects B 


Fame selection | 
of A throwsrh C : 
selects A, B, 
and 2 


Extending 

selection to 
E selects 4, 
B,o, ani E 


Figure 10—Selection Methods 
Figure 10—-Selection Methods 
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Some applications support selection by double-clicking and triple-clicking. As 
always with multiple clicks, the second click extends the effect of the first 
click, and the third click extends the effect of the second click. In the case 
of selection, this means that the second click selects the same sort of thing as 
the first click, only more of them. The same holds true for the third click. 


For example, in text, the first click selects an insertion point, whereas the 
second click selects a whole word. The third click might select a whole block or 
paragraph of text. In graphics, the first click selects a single object, and 
double- and triple-clicks might select increasingly larger groups of objects. 


Range Selection 


The user selects a range of objects by dragging through them. Although the exact 
meaning of the selection depends on the type of application, the procedure is 
always the same: 


1. The user positions the pointer at one corner of the range and presses 
the mouse button. This position is called the anchor point of the range. 

2. The user moves the pointer in any direction. As the pointer is moved, 
visual feedback indicates the objects that would be selected if the 
mouse button were released. For text and arrays, the selected area is 
continually highlighted. For graphics, a dotted rectangle expands or 
contracts to show the range that will be selected. 

3. When the feedback shows the desired range, the user releases the mouse 
button. The point at which the button is released is called the endpoint 
of the range. 


Extending a Selection 


A user can change the extent of an existing selection by holding down the Shift 
key and clicking the mouse button. Exactly what happens next depends on the 
context. 


In text or an array, the result of a Shift-click is always a range. The position 
where the button is clicked becomes the new endpoint or anchor point of the 
range; the selection can be extended in any direction. If the user clicks within 
the current range, the new range will be smaller than the old range. 


In graphics, a selection is extended by adding objects to it; the added objects 
do not have to be adjacent to the objects already selected. The user can add 
either an individual object or a range of objects to the selection by holding 
down the Shift key before making the additional selection. If the user holds 
down the Shift key and selects one or more objects that are already highlighted, 
the objects are deselected. 


Extended selections can be made across the panes of a split window. (See 
"Splitting Windows". ) 


Making a Discontinuous Selection 
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In graphics applications, objects aren't usually considered to be in any 
particular sequence. Therefore, the user can use Shift-click to extend a 
selection by a single object, even if that object is nowhere near the current 
selection. When this happens, the objects between the current selection and the 
new object are not automatically included in the selection. This kind of 
selection is called a discontinuous selection. In the case of graphics, all 
selections are discontinuous selections. 


This is not the case with arrays and text, however. In these two kinds of 
applications, an extended selection made by a Shift-click always includes 
everything between the old selection and the new endpoint. To provide the 
possibility of a discontinuous selection in these applications, Command-click is 
included in the user interface. 


To make a discontinuous selection in a text or array application, the user 
selects the first piece in the normal way, then holds down the Command key 
before selecting the remaining pieces. Each piece is selected in the same way as 
if it were the whole selection, but because the Command key is held down, the 
new pieces are added to the existing selection instead of supplanting it. 


If one of the pieces selected is already within an existing part of the 
selection, then instead of being added to the selection it's removed from the 
selection. Figure 11 shows a sequence in which several pieces are selected and 
deselected. 


Not all applications support discontinuous selections, and those that do might 
restrict the operations that a user can perform on them. For example, a word 
processor might allow the user to choose a font after making a discontinuous 
selection, but not to choose Cut. 
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Figure 11-Discontinuous Selection 
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Figure 11—Discontinuous Selection 


Selecting Text 


Text is used in most applications; it's selected and edited 
regardless of where it appears. 


A block of text is a string of characters. A text selection 
this string, which can have any length from zero characters 
Each of the text selection methods selects a different kind 
12 shows different kinds of text selections. 


in a consistent way, 


is a substring of 
to the whole block. 
of substring. Figure 
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Figure 12-Terxt Selections 


Figure 12—Text Selections 


Insertion Point 


The insertion point is a zero-length text selection. The user establishes the 
location of the insertion point by clicking between two characters. The 
insertion point then appears at the nearest character boundary. If the user 
clicks to the right of the last character on a line, the insertion point appears 
immediately after the last character. The converse is true if the user clicks to 
the left of the first character in the Line. 


The insertion point shows where text will be inserted when the user begins 
typing, or where cut or copied data (the contents of the Clipboard) will be 
pasted. After each character is typed, the insertion point is relocated to the 
right of the insertion. 


If, between the mouse-down and the mouse-up, the user moves the pointer more 
than about half the width of a character, the selection is a range selection 
rather than an insertion point. 


Selecting Words 


The user selects a whole word by double-clicking somewhere within that word. If 
the user begins a double-click sequence, but then drags the mouse between the 
mouse-down and the mouse-up of the second click, the selection becomes a range 
of words rather than a single word. As the pointer moves, the application 
highlights or unhighlights a whole word at a time. 


A word, or range of words, can also be selected in the same way as any other 
range; whether this type of selection is treated as a range of characters or as 
a range of words depends on the operation. For example, in MacWrite, a range of 
individual characters that happens to coincide with a range of words is treated 
like characters for purposes of extending a selection, but is treated like words 
for purposes of "intelligent" cut and paste (described later in the "Text 
Editing" section). 
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A word is defined as any continuous string that contains only the following 
characters: 


letter (including letters with diacritical marks) 

digit 

nonbreaking space (Option-space) 

dollar sign, cent sign, English pound symbol, or yen symbol 
percent sign 

comma between digits 

a period before a digit 

an apostrophe between letters or digits 

a hyphen, but not a minus sign (Option-hyphen) or a dash 
(Option-Shift-hyphen) 


Y9VUDADAANYA YW 


eeeeeeeeee 


This is the definition in the United States and Canada; in other countries, it 
would have to be changed to reflect local formats for numbers, dates, and 
currency. 


If the user double-clicks over any character not on the list above, that 
character is selected, but it is not considered a word. 


Examples of words: 
$123,456.78 
shouldn't 
3 1/2 [with a nonbreaking space] 
5% 


Examples of nonwords: 


7/10/6 
blue cheese [with a breaking space] 
"Yoicks!" [the quotation marks and exclamation point 


aren't part of the word] 


Selecting a Range of Text 


The user selects a range of text by dragging through the range. A range is 
either a range of words or a range of individual characters, as described under 
"Selecting Words", above. 


If the user extends the range, the way the range is extended depends on what 
kind of range it is. If it's a range of individual characters, it can be 
extended one character at a time. If it's a range of words (including a single 
word), it's extended only by whole words. 


Graphics Selections 


There are several different ways to select graphic objects and to show selection 
feedback in existing Macintosh applications. MacDraw, MacPaint, and the Finder 
all illustrate different possibilities. This section describes the MacDraw 
paradigm, which is the most extensible to other kinds of applications. 
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A MacDraw document is a collection of individual graphic objects. To select one 
of these objects, the user clicks once on the object, which is then shown with 
knobs. (The knobs are used to stretch or shrink the object, and won't be 
discussed in these guidelines.) Figure 13 shows some examples of selection. 


" This is a block 
of text ina PICT 


Figure 13-Graphics Selections 


Figure 13-Graphics Selections 


To select more than one object, the user can select either a range or a multiple 
selection. A range selection includes every object completely contained within 
the dotted rectangle that encloses the range, while an extended selection 
includes only those objects explicitly selected. 


Selections in Arrays 


As described above under "Types of Applications", an array is a one- or two- 
dimensional arrangement of fields. If the array is one-dimensional, it's called 
a form; if it's two-dimensional, it's called a table. The user can select one or 
more fields, or part of the contents of a field. 


To select a single field, the user clicks in the field. The user can also 
implicitly select a field by moving into it with the Tab or Return key. 


The Tab key cycles through the fields in an order determined by the application. 
From each field, the Tab key selects the "next" field. Typically, the sequence 
of fields is first from left to right, and then from top to bottom. When the 
last field in a form is selected, pressing the Tab key selects the first field 
in the form. In a form, an application might prefer to select the fields in 
logical, rather than physical, order. 


The Return key selects the first field in the next row. If the idea of rows 
doesn't make sense in a particular context, then the Return key should have the 
same effect as the Tab key. 
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Tables are more likely than forms to support range selections and extended 
selections. A table can also support selection of rows and columns. The most 
convenient way for the user to select a column is to click in the column header. 
To select more than one column, the user drags through several column headers. 
The same applies to rows. 


To select part of the contents of a field, the user must first select the field. 
The user then clicks again to select the desired part of the field. Since the 
contents of a field are either text or graphics, this type of selection follows 
the rules outlined above. Figure 14 shows some selections in an array. 
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Figure 14-Artay Selections 


Figure 14—-Array Selections 
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WINDOWS 


The rectangles on the desktop that display information are windows. The most 
commmon types of windows are document windows, desk accessories, dialog boxes, 
and alert boxes. (Dialog and alert boxes are discussed under "Dialogs and 
Alerts".) Some of the features described in this section are applicable only to 
document windows. Figure 15 shows a typical active document window and some of 
its components. 
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Figure 15-An Active Window 
Figure 15—-An Active Window 


Multiple Windows 


Some applications may be able to keep several windows on the desktop at the same 
time. Each window is in a different plane. Windows can be moved around on the 
Macintosh's desktop much like pieces of paper can be moved around on a real 
desktop. Each window can overlap those behind it, and can be overlapped by those 
in front of it. Even when windows don't overlap, they retain their front-to-back 
ordering. 


Different windows can represent separate documents being viewed or edited 
simultaneously, or related parts of a logical whole, like the listing, 
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execution, and debugging of a program. Each application may deal with the 
meaning and creation of multiple windows in its own way. 


The advantage of multiple windows is that the user can isolate unrelated chunks 
of information from each other. The disadvantage is that the desktop can become 
cluttered, especially if some of the windows can't be moved. Figure 16 shows 
multiple windows. 


= Accounts = 


Figure 16-Multiple Windows 
Figure 16—Multiple Windows 


Opening and Closing Windows 


Windows come up onto the screen in different ways as appropriate to the purpose 
of the window. The application controls at least the initial size and placement 
of its windows. 


Most windows have a close box that, when clicked, makes the window go away. The 
application in control of the window determines what's done with the window 
visually and logically when the close box is clicked. Visually, the window can 
either shrink to a smaller object such as an icon, or leave no trace behind when 
it closes. Logically, the information in the window is either retained and then 
restored when the window is reopened (which is the usual case), or else the 
window is reinitialized each time it's opened. When a document is closed, the 
user is given the choice whether to save any changes made to the document since 
the last time it was saved. 


If an application doesn't support closing a window with a close box, it 
shouldn't include a close box on the window. 
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The Active Window 


Of all the windows that are open on the desktop, the user can work in only one 
window at a time. This window is called the active window. All other open 
windows are inactive. To make a window active, the user clicks in it. Making a 
window active has two immediate consequences: 


« The window changes its appearance: Its title bar is highlighted 
and the scroll bars and size box are shown. If the window is being 
reactivated, the selection that was in effect when it was deactivated 
is rehighlighted. 

« The window is moved to the frontmost plane, so that it's shown in 
front of any windows that it overlaps. 


Clicking in a window does nothing except activate it. To make a selection in the 
window, the user must click again. When the user clicks in a window that has 
been deactivated, the window should be reinstated just the way it was when it 
was deactivated, with the same position of the scroll box, and the same 
selection highlighted. 


When a window becomes inactive, all the visual changes that took place when it 
was activated are reversed. The title bar becomes unhighlighted, the scroll bars 
and size box aren't shown, and no selection is shown in the window. 


Moving a Window 


Each application initially places windows on the screen wherever it wants them. 
The user can move a window—to make more room on the desktop or to uncover a 
window it's overlapping —by dragging it by its title bar. As soon as the user 
presses in the title bar, that window becomes the active window. A dotted 
outline of the window follows the pointer until the user releases the mouse 
button. At the release of the button the full window is drawn in its new 
location. Moving a window doesn't affect the appearance of the document within 
the window. 


If the user holds down the Command key while moving the window, the window 
isn't made active; it moves in the same plane. 


The application should ensure that a window can never be moved completely off 
the screen. 


Changing the Size of a Window 


If a window has a size box in its bottom right corner, where the scroll bars 
come together, the user can change the size of the window—-enlarging or reducing 
it to the desired size. 


Dragging the size box attaches a dotted outline of the window to the pointer. 
The outline's top left corner stays fixed, while the bottom right corner follows 
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the pointer. When the mouse button is released, the entire window is redrawn in 
the shape of the dotted outline. 


Moving windows and sizing them go hand in hand. If a window can be moved, but 
not sized, then the user ends up constantly moving windows on and off the 
screen. The reason for this is that if the user moves the window off the right 
or bottom edge of the screen, the scroll bars are the first thing to disappear. 
To scroll the window, the user must move the window back onto the screen again. 
If, on the other hand, the window can be resized, then the user can change its 
Size instead of moving it off the screen, and will still be able to scroll. 


Sizing a window doesn't change the position of the top left corner of the window 
over the document or the appearance of the part of the view that's still 
showing; it changes only how much of the view is visible inside the window. One 
exception to this rule is a command such as Reduce to Fit in MacDraw, which 
changes the scaling of the view to fit the size of the window. If, after 
choosing this command, the user resizes the window, the application changes the 
scaling of the view. 


The application can define a minimum window size. Any attempt to shrink the 
window below this size is ignored. 


Window Zooming 


The more open documents on a desktop, the more difficult it is for the user to 
locate, select, and resize the one to be worked on. The 128K ROM includes a 
feature, known as window zooming, that allows users—with a single mouse click—to 
toggle the active window between its standard size and location and a predefined 
size and location. 


The initial size and placement of a window is known as its standard state. The 
application program can supply values for the standard state; otherwise the full 
screen (minus a few border pixels) is assumed (see Figure 17). The standard 
state should be the most useful size and location for normal operations within 
the program—usually it's the full screen. 
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Figure 17-Window in Standard State 
Figure 17-Window in Standard State 


The user cannot change the standard state, but the application can change it 
within context. For example, a word processor might define a size that's wide 
enough to display a document whose width is as specified in Page Setup. If the 
user invokes Page Setup to specify a wider or narrower document, the application 
might then change the standard state to reflect that change. 


Your application can also supply initial values for the second window state, 
known as the user state. If you don't supply initial values, the user state is 
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identical to the standard state until the user moves or resizes the window. When 
the standard state and user state are different (Figure 18 shows a hypothetical 


user state), clicking in the zoom-window box acts as a toggle between the two 
states. 
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Document 


Figure 18-Windoyw in User State 
Figure 18-Window in User State 


Application developers are encouraged to take advantage of the zoom-window 
feature; details on using this feature are provided in the Window Manager 
chapter. You should not change the shape of the zoom-window box or change the 
interpretation of clicking on the the zoom-window box (shown in Figure 19). You 
should add no other elements to the title bar. Except in the zoom-window box and 
in the close box, clicking within the title bar should have no effect. 
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Figure 19-Zo00m-Windoyw Bor Details 
Figure 19—Zoom-Window Box Details 


Effects of Dragging and Sizing 


Explicit dragging or resizing of the window is handled in the normal way, 
regardless of the presence or absence of the zoom-window feature. The effect of 
dragging or resizing depends on the state of the window and the degree of 
movement. A change, either in position or size, of seven pixels or less is 
insignificant. A change of more than seven pixels is a "Significant change". 


If dragging or resizing occur when the window is in the standard state, a small 
change in the size or location of the window does not change the state, nor does 
it change the application-defined values for the size and location of the 
standard state. It does, of course, change the size or location of the window. A 
Significant change in the size or location of the window switches the window to 
the user state and sets the values for the size and location of that state to 
those of the window. 


If dragging or resizing occur when the window is in the user state, a change in 
size or location that leaves the window within seven pixels of the size and 
location specified as the standard state changes the state to the standard 
state, leaving the size and location of the user state unchanged. Any other 
change in size or location in the user state leaves the window in the user state 
and sets the values for the size and location of that state to those of the 
window. 


Scroll Bars 


Scroll bars are used to change which part of a document view is shown in a 
window. Only the active window can be scrolled. 


A scroll bar (see Figure 15) is a light gray shaft, capped on each end with 
square boxes labeled with arrows; inside the shaft is a white rectangle. The 
shaft represents one dimension of the entire document; the white rectangle 
(called the scroll box) represents the location of the portion of the document 
currently visible inside the window. As the user moves the document under the 
window, the position of the rectangle in the scroll bar moves correspondingly. 
If the document is no larger than the window, the scroll bars are inactive (the 
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scrolling apparatus isn't shown in them). If the document window is inactive, 
the scroll bars aren't shown at all. 


There are three ways to move the document under the window: by sequential 
scrolling, by "paging" windowful by windowful through the document, and by 
directly positioning the scroll box. 


Clicking a scroll arrow lets the user see more of the document in the direction 
of the scroll arrow, so it moves the document in the opposite direction from the 
arrow. For example, when the user clicks the top scroll arrow, the document 
moves down, bringing the view closer to the top of the document. The scroll box 
moves towards the arrow being clicked. 


Each click in a scroll arrow causes movement a distance of one unit in the 
chosen direction, with the unit of distance being appropriate to the 
application: one line for a word processor, one row or column for a 
spreadsheet, and so on. Within a document, units should always be the same size, 
for smooth scrolling. Pressing the scroll arrow causes continuous movement in 
its direction. 


Clicking the mouse anywhere in the gray area of the scroll bar advances the 
document by windowfuls. The scroll box, and the document view, move toward the 
place where the user clicked. Clicking below the scroll box, for example, brings 
the user the next windowful towards the bottom of the document. Pressing in the 
gray area keeps windowfuls flipping by until the user releases the mouse button, 
or until the location of the scroll box catches up to the location of the 
pointer. Each windowful is the height or width of the window, minus one unit 
overlap (where a unit is the distance the view scrolls when the scroll arrow is 
clicked once). 


In both the above schemes, the user moves the document incrementally until it's 
in the proper position under the window; as the document moves, the scroll box 
moves accordingly. The user can also move the document directly to any position 
simply by moving the scroll box to the corresponding position in the scroll bar. 
To move the scroll box, the user drags it along the scroll bar; an outline of 
the scroll box follows the pointer. When the mouse button is released, the 
scroll box jumps to the position last held by the outline, and the document 
jumps to the position corresponding to the new position of the scroll box. 


If the user starts dragging the scroll box, and then moves the pointer a certain 
distance outside the scroll bar, the scroll box detaches itself from the pointer 
and stops following it; if the user releases the mouse button, the scroll box 
stays in its original position and the document remains unmoved. But if the user 
still holds the mouse button and drags the pointer back into the scroll bar, the 
scroll box reattaches itself to the pointer and can be dragged as usual. 


If a document has a fixed size, and the user scrolls to the right or bottom edge 
of the document, the application displays a gray background between the edge of 
the document and the window frame. 


Automatic Scrolling 
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There are several instances when the application, rather than the user, scrolls 
the document. These instances involve some potentially sticky problems about how 
to position the document within the window after scrolling. 


The first case is when the user moves the pointer out of the window while 
selecting by dragging. The window keeps up with the selection by scrolling 
automatically in the direction the pointer has been moved. The rate of scrolling 
is the same as if the user were pressing on the corresponding scroll arrow or 
arrows. 


The second case is when the selection isn't currently showing in the window, and 
the user performs an operation on it. When this happens, it's usually because 
the user has scrolled the document after making a selection. In this case, the 
application scrolls the window so that the selection is showing before 
performing the operation. 


The third case is when the application performs an operation whose side effect 
is to make a new selection. An example is a search operation, after which the 

object of the search is selected. If this object isn't showing in the window, 

the application must scroll the document so as to show it. 


The second and third cases present the same problem: Where should the selection 
be positioned within the window after scrolling? The primary rule is that the 
application should avoid unnecessary scrolling; users prefer to retain control 
over the positioning of a document. The following guidelines should be helpful: 


¢ If part of the new selection is already showing in the window, don't 
scroll at all. An exception to this rule is when the part of the 
selection that isn't showing is more important than the part that is 
showing. 

e If scrolling in one orientation (horizontal or vertical) is sufficient 
to reveal the selection, don't scroll in both orientations. 

¢ If the selection is smaller than the window, position the selection so 
that some of its context is showing on each side. It's better to put 
the selection somewhere near the middle of the window than right up 
against the corner. 

e Even if the selection is too large to show in the window, it might be 
preferable to show some context rather than to try to fit as much as 
possible of the selection in the window. 


Splitting a Window 


Sometimes it's desirable to be able to see disjoint parts of a document 
Simultaneously. Applications that accommodate such a capability allow the window 
to be split into independently scrollable panes. 


Applications that support splitting a window into panes place split bars at the 
top of the vertical scroll bar and to the left of the horizontal one. Pressing a 
split bar attaches it to the pointer. Dragging the split bar positions it 
anywhere along the scroll bar; releasing the mouse button moves the split bar to 
a new position, splits the window at that location, and divides the appropriate 
scroll bar into separate scroll bars for each pane. Figure 20 shows the ways a 
window can be split. 
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Figure 20-Types of Split Windows 
Figure 20—Types of Split Windows 


After a split, the document appears the same, except for the split line lying 
across it. But there are now separate scroll bars for each pane. The panes are 
still scrolled together in the orientation of the split, but can be scrolled 
independently in the other orientation. For example, if the split is vertical, 
then vertical scrolling (using the scroll bar along the right of the window) is 
still synchronous; horizontal scrolling is controlled separately for each pane, 
using the two scroll bars along the bottom of the window. This is shown in 
Figure 21. 
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Figure 21-Scrolling a Split Window 
Figure 21-Scrolling a Split Window 


To remove a split, the user drags the split bar to either end of the scroll bar. 


The number of views in a document doesn't alter the number of selections per 
document: that is, one. The selection appears highlighted in all views that 
show it. If the application has to scroll automatically to show the selection, 
the pane that should be scrolled is the last one that the user clicked in. If 
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the selection is already showing in one of the panes, no automatic scrolling 
takes place. 


Panels 


If a document window is more or less permanently divided into different areas, 
each of which has different content, these areas are called panels. Unlike 
panes, which show different parts of the same document but are functionally 
identical, panels are functionally different from each other but might show 
different interpretations of the same part of the document. For example, one 
panel might show a graphic version of the document while another panel shows a 
textual version. 


Panels can behave much like windows; they can have scroll bars, and can even be 
split into more than one pane. An example of a panel with scroll bars is the 
list of files in the Open command's dialog box. 


Whether to use panels instead of separate windows is up to the application. 
Multiple panels in the same window are more compact than separate windows, but 
they have to be moved, opened, and closed as a unit. 
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COMMANDS 


Once information that's to be operated on has been selected, a command to 
operate on the information can be chosen from lists of commands called menus. 


Macintosh's pull-down menus have the advantage that they're not visible until 
the user wants to see them; at the same time they're easy for the user to see 
and choose items from. 


Most commands either do something, in which case they're verbs or verb phrases, 
or else they specify an attribute of an object, in which case they're 
adjectives. They usually apply to the current selection, although some commands 
apply to the whole document or window. 


When you're designing your application, don't assume that everything has to be 
done through menu commands. Sometimes it's more appropriate for an operation to 
take place as a result of direct user manipulation of a graphic object on the 
screen, such as a control or icon. Alternatively, a single command can execute 
complicated instructions if it brings up a dialog box for the user to fill in. 


The Menu Bar 


The menu bar is displayed at the top of the screen. It contains a number of 
words and phrases: These are the titles of the menus associated with the 
current application. Each application has its own menu bar. The names of the 
menus do not change, except when the user accesses a desk accessory that uses 
different menus. 


Only menu titles appear in the menu bar. If all of the commands in a menu are 
currently disabled (that is, the user can't choose them), the menu title should 
be dimmed (drawn in gray). The user can pull down the menu to see the commands, 
but can't choose any of them. 


Choosing a Menu Command 


To choose a command, the user positions the pointer over the menu title and 
presses the mouse button. The application highlights the title and displays the 
menu, as shown in Figure 22. 


While holding down the mouse button, the user moves the pointer down the menu. 
As the pointer moves to each command, the command is highlighted. The command 
that's highlighted when the user releases the mouse button is chosen. As soon as 
the mouse button is released, the command blinks briefly, the menu disappears, 
and the command is executed. (The user can set the number of times the command 
blinks in the Control Panel desk accessory.) The menu title in the menu bar 
remains highlighted until the command has completed execution. 
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Nothing actually happens until the user chooses the command; the user can look 
at any of the menus without making a commitment to do anything. 


The most frequently used commands should be at the top of a menu; research shows 
that the easiest item for the user to choose is the second item from the top. 
The most dangerous commands should be at the bottom of the menu, preferably 
isolated from the frequently used commands. 
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Figure 22-Menu 
Figure 22—Menu 


Appearance of Menu Commands 


The commands in a particular menu should be logically related to the title of 
the menu. In addition to command names, three features of menus help the user 
understand what each command does: command groups, toggles, and special visual 
features. 


Command Groups 


As mentioned above, menu commands can be divided into two kinds: verbs and 
adjectives, or actions and attributes. An important difference between the two 
kinds of commands is that an attribute stays in effect until it's canceled, 
while an action ceases to be relevant after it has been performed. Each of these 
two kinds can be grouped within a menu. Groups are separated by dotted lines, 
which are implemented as disabled commands. 


The most basic reason to group commands is to break up a menu so it's easier to 
read. Commands grouped for this reason are logically related, but independent. 
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Commands that are actions are usually grouped this way, such as Cut, Copy, 
Paste, and Clear in the Edit menu. 


Attribute commands that are interdependent are grouped to show this 
interdependence. Two kinds of attribute command groups are mutually exclusive 
groups and accumulating groups. 


In a mutually exclusive attribute group, only one command in the group is in 
effect at any time. The command that's in effect is preceded by a check mark. If 
the user chooses a different command in the group, the check mark is moved to 
the new command. An example is the Font menu in MacWrite; no more than one font 
can be in effect at a time. 


In an accumulating attribute group, any number of attributes can be in effect at 
the same time. One special command in the group cancels all the other commands. 
An example is the Style menu in MacWrite: The user can choose any combination 
of Bold, Italic, Underline, Outline, or Shadow, but Plain Text cancels all the 
other commands. 


Toggled Commands 


Another way to show the presence or absence of an attribute is by a toggled 
command. In this case, the attribute has two states, and a single command allows 
the user to toggle between the states. For example, when rulers are showing in 
MacWrite, a command in the Format menu reads "Hide Rulers". If the user chooses 
this command, the rulers are hidden, and the command is changed to read "Show 
Rulers". This kind of group should be used only when the wording of the commands 
makes it obvious that they're opposites. 


Special Visual Features 


In addition to the command names and how they're grouped, several other features 
of commands communicate information to the user: 


¢ A check mark indicates whether an at tribute command is currently 
in effect. 

e An ellipsis (...) after a command name means that choosing that 
command brings up a dialog box. The command isn't actually executed 
until the user has finished filling in the dialog box and has clicked 
the OK button or its equivalent. 

« The application dims a command when the user can't choose it. If the 
user moves the pointer over a dimmed item, it isn't highlighted. 

¢ If a command can be chosen from the keyboard, it's followed by the 
Command key symbol and the character used to choose it. To choose a 
command this way, the user holds down the Command key and then presses 
the character key. 


Reserved Command Key Combinations 


There are several menu items, particularly in the File and Edit menus, that 

commonly have keyboard equivalents. For consistency, several of those keyboard 
equivalents should be used only for the commands listed below and should never 
be used for any other purpose. Desk accessories, which are accessible from all 
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applications, assume that these Command-key combinations have the meanings 
listed here. 


File Menu 

Command-N (New) 
Command-0 (Open) 
Command-S (Save) 
Command-Q (Quit) 


Note: The keyboard equivalent for the Quit command is useful in case 
there's a mouse malfunction, so the user will still be able to 
leave the application in an orderly way (with the opportunity 
to save any changes to documents that haven't yet been saved). 


Edit Menu 
Command-Z (Undo) 
Command-X (Cut) 
Command-C (Copy) 
Command-V (Paste) 


The keyboard equivalents in the Style menu (Listed below) are less strictly 
reserved. Applications that have Style menus shouldn't use these keyboard 
equivalents for any other purpose, but applications that have no Style menus can 
use them for other purposes if needed. Remember that you risk confusing users if 
a given key combination means different things in different applications. 


Style Menu 

Command-P (Plain) 
Command-B (Bold) 
Command-I (Italic) 
Command-U (Underline) 


One keyboard command doesn't have a menu equivalent: 


Character Command 
Period (.) Stop current operation 


Several other menu features are also supported: 


« A command can be shown in Bold, Italic, Outline, Underline, 
or Shadow character style. 

¢ A command can be preceded by an icon. 

e The application can draw its own type of menu. An example of 
this is the Fill menu in MacDraw. 
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STANDARD MENUS 


One of the strongest ways in which Macintosh applications can take advantage of 
the consistency of the user interface is by using standard menus. The operations 
controlled by these menus occur so frequently that it saves considerable time 
for users if they always match exactly. Three of these menus, the Apple, File, 
and Edit menus, appear in almost every application. The Font, FontSize, and 
Style menus affect the appearance of text, and appear only in applications where 
they're relevant. 


The Menu Manager now supports two new capabilities: hierarchical and pop-up 
menus. In addition, scrolling menus, introduced with the Macintosh Plus and 
Macintosh 512K Enhanced, are made visible with a scrolling menu indicator. 


The Apple Menu 


Macintosh doesn't allow two applications to be running at once. Desk 
accessories, however, are mini-applications that are available while using any 
application. 


At any time the user can issue a command to call up one of several desk 
accessories; the available accessories are listed in the Apple menu, as shown in 
Figure 23. 


Accessories are disk-based: Only those accessories on an available disk can be 
used. The list of accessories is expanded or reduced according to what's 
available. More than one accessory can be on the desktop at a time. 
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Figure 23-Apple Menu 
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Figure 23-Apple Menu 


The Apple menu also contains the "About xxx" menu item, where "xxx" is the name 
of the application. Choosing this item brings up a dialog box with the name and 
copyright information for the application, as well as any other information the 
application wants to display. 


The File Menu 


The File menu lets the user perform certain simple filing operations without 
leaving the application and returning to the Finder. It also contains the 
commands for printing and for leaving the application. The standard File menu 
includes the commands shown in Figure 24. All of these commands are described 
below. 


Figure 24—-File Menu 
Figure 24—File Menu 


New 


New opens a new, untitled document. The user names the document the first time 
it's saved. The New command is disabled when the maximum number of documents 
allowed by the application is already open; however, an application that allows 
only one document to be open at a time may make an exception to this, as 
described below for Open. 


Open 


Open opens an existing document. To select the document, the user is presented 
with a dialog box (Figure 25). This dialog box shows a list of all the 
documents, on the disk whose name is displayed, that can be handled by the 
current application. The user can scroll this list forward and backward. The 
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dialog box also gives the user the chance to look at documents on another disk, 
or to eject a disk. 


a TN.251.300 


TN.251.$afe cdevs 
TN.252.Plotting Small Ic... 
TN.2535.510Ns in Menus 
TN.254.Portable PDS Dew... 


TN.2595.Portable ROM Exp.. 
TN.256.5tand-Alone Cod... 
TN.25 7. Slot Interrupt Pri... 
TN.258.0ur Checksum 6o... 
TN.259.0ld Style Colors 


Figure 25-Open Dialog Bor 
Figure 25—Open Dialog Box 


Using the Open command, the user can only open a document that can be processed 
by the current application. Opening a document that can only be processed by a 
different application requires leaving the application and returning to the 
Finder. 


The Open command is disabled when the maximum number of documents allowed by the 
application is already open. An application that allows only one document to be 
open at a time may make an exception to this, by first closing the open document 
before opening the new document. In this case, if the user has changed the open 
document since the last time it was saved, an alert box is presented as when an 
explicit Close command is given (see below); then the Open dialog box appears. 
Clicking Cancel in either the Close alert box or the Open dialog box cancels the 
entire operation. 


Close 

Close closes the active window, which may be a document window, a desk 
accessory, or any other type of window. If it's a document window and the user 
has changed the document since the last time it was saved, the command presents 
an alert box giving the user the opportunity to save the changes. 

Clicking in the close box of a window is the same as choosing Close. 

Save 


Save makes permanent any changes to the active document since the last time it 
was saved. It leaves the document open. 
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If the user chooses Save for a new document that hasn't been named yet, the 
application presents the Save As dialog box (see below) to name the document, 
and then continues with the save. The active document remains active. 


If there's not enough room on the disk to save the document, the application 

asks if the user wants to save the document on another disk. If the answer is 
yes, the application goes through the Save As dialog to find out which disk. 

Save As 


Save AS saves a copy of the active document under a file name provided by the 
user. 


If the document already has a name, Save As closes the old version of the 
document, creates a copy with the new name, and displays the copy in the window. 


If the document is untitled, Save As saves the original document under the 
specified name. The active document remains active. 


Revert to Saved 

Revert to Saved returns the active document to the state it was in the last time 
it was saved. Before doing so, it puts up an alert box to confirm that this is 
what the user wants. 


Page Setup 


Page Setup lets the user specify printing parameters such as the paper size and 
printing orientation. These parameters remain with the document. 


Print 

Print lets the user specify various parameters such as print quality and number 
of copies, and then prints the document. The parameters apply only to the 
current printing operation. 

Quit 

Quit leaves the application and returns to the Finder. If any open documents 


have been changed since the last time they were saved, the application presents 
the same alert box as for Close, once for each document. 


The Edit Menu 


The Edit menu contains the commands that delete, move, and copy objects, as well 
as commands such as Undo, Select All, and Show Clipboard. This section also 
discusses the Clipboard, which is controlled by the Edit menu commands. Text 
editing methods that don't use menu commands are discussed under "Text Editing". 


If the application supports desk accessories, the order of commands in the Edit 
menu should be exactly as shown here. This is because, by default, the 
application passes the numbers, not the names, of the menu commands to the desk 
accessories. (For details, see the Desk Manager chapter) In particular, your 
application must provide an Undo command for the benefit of the desk 
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accessories, even if it doesn't support the command (in which case it can 
disable the command until a desk accessory is opened). 


The standard order of commands in the Edit menu is shown in Figure 26. 


Show Clipboard 


Figure 26—Edit Menu 
Figure 26—-Edit Menu 


The Clipboard 


The Clipboard holds whatever is cut or copied from a document. Its contents stay 
intact when the user changes documents, opens a desk accessory, or leaves the 
application. An application can show the contents of the Clipboard in a window, 
and can choose whether to have the Clipboard window open or closed when the 
application starts up. 


The Clipboard window looks like a document window, with a close box but usually 
without scroll bars or a size box. The user can see its contents but cannot edit 
them. In most other ways the Clipboard window behaves just like any other 
window. 


Every time the user performs a Cut or Copy on the current selection, a copy of 
the selection replaces the previous contents of the Clipboard. The previous 
contents are kept around in case the user chooses Undo. 


There's only one Clipboard, which is present for all applications that support 
Cut, Copy, and Paste. The user can see the Clipboard window by choosing Show 
Clipboard from the Edit menu. If the window is already showing, it's hidden by 
choosing Hide Clipboard. (Show Clipboard and Hide Clipboard are a single toggled 
command. ) 


Because the contents of the Clipboard remain unchanged when applications begin 
and end, or when the user opens a desk accessory, the Clipboard can be used for 
transferring data among mutually compatible applications and desk accessories. 
Undo 

Undo reverses the effect of the previous operation. Not all operations can be 
undone; the definition of an undoable operation is somewhat application- 
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dependent. The general rule is that operations that change the contents of the 
document are undoable, and operations that don't are not. Most menu items are 
undoable, and so are typing sequences. 


A typing sequence is any sequence of characters typed from the keyboard or 
numeric keypad, including Backspace, Return, and Tab, but not including keyboard 
equivalents of commands. 


Operations that aren't undoable include selecting, scrolling, and splitting the 
window or changing its size or location. None of these operations interrupts a 
typing sequence. For example, if the user types a few characters and then 
scrolls the document, the Undo command still undoes the typing. Whenever the 
location affected by the Undo operation isn't currently showing on the screen, 
the application should scroll the document so the user can see the effect of the 
Undo. 


An application should also allow the user to undo any operations that are 
initiated directly on the screen, without a menu command. This includes 
operations controlled by setting dials, clicking check boxes, and so on, as well 
as drawing graphic objects with the mouse. 


The actual wording of the Undo command as it appears in the Edit menu is "Undo 
xxx", where xxx is the name of the last operation. If the last operation isn't a 
menu command, use some suitable term after the word Undo. If the last operation 
can't be undone, the command reads "Undo", but is disabled. 


If the last operation was Undo, the menu command is "Redo xxx", where xxx is the 
operation that was undone. If this command is chosen, the Undo is undone. 


Cut 


The user chooses Cut either to delete the current selection or to move it. A 
move is eventually completed by choosing Paste. 


When the user chooses Cut, the application removes the current selection from 
the document and puts it in the Clipboard, replacing the Clipboard's previous 
contents. The place where the selection used to be becomes the new selection; 
the visual implications of this vary among applications. For example, in text, 
the new selection is an insertion point, while in an array, it's an empty but 
highlighted cell. If the user chooses Paste immediately after choosing Cut, the 
document should be just as it was before the cut. 


Copy 


Copy is the first stage of a copy operation. Copy puts a copy of the selection 
in the Clipboard, but the selection also remains in the document. The user 
completes the copy operation by choosing Paste. 


Paste 


Paste is the last stage of a move or copy operation. It pastes the contents of 
the Clipboard into the document, replacing the current selection. The user can 
choose Paste several times in a row to paste multiple copies. After a paste, the 
new selection is the object that was pasted, except in text, where it's an 
insertion point immediately after the pasted text. The Clipboard remains 
unchanged. 
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Clear 

When the user chooses Clear, or presses the Clear key on the numeric keypad, the 
application removes the selection, but doesn't put it in the Clipboard. The new 
selection is the same as it would be after a Cut. 

Select All 

Select All selects every object in the document. 

Show Clipboard 

Show Clipboard is a toggled command. When the Clipboard isn't displayed, the 


command is "Show Clipboard". If the user chooses this command, the Clipboard is 
displayed and the command changes to "Hide Clipboard". 


Font-Related Menus 


Three standard menus affect the appearance of text: Font, which determines the 
font of a text selection; FontSize, which determines the size of the characters; 
and Style, which determines aspects of its appearance such as boldface, italics, 
and so on. 


A font is a set of typographical characters created with a consistent design. 
Things that relate characters in a font include the thickness of vertical and 
horizontal lines, the degree and position of curves and swirls, and the use of 
serifs. A font has the same general appearance, regardless of the size of the 
characters. Most Macintosh fonts are proportional rather than fixed-width; an 
application can't make assumptions about exactly how many characters will fit in 
a given area when these fonts are used. 


Font Menu 


The Font menu always lists the fonts that are currently available. Figure 27 
shows a Font menu with some of the most common fonts. 


Chicago 
Courier 


“Geneva 
Helvetica 
Monaco 
Times 


Figure 27—-Font Menu 
Figure 27—Font Menu 


FontSize Menu 
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Font sizes are measured in points; a point is about 1/72 of an inch. Each font 
is available in predefined sizes. The numbers of these sizes for each font are 
shown outlined in the FontSize menu. The font can also be scaled to other sizes, 
but it may not look as good. Figure 28 shows a FontSize menu with the standard 
font sizes. 


Figure 26-FontSize Menu 


Figure 28—-FontSize Menu 


If there's insufficient room in the menu bar for the word FontSize, it can be 
abbreviated to Size. If there's insufficient room for both a Font menu and a 
Size menu, the sizes can be put at the end of the Font or Style menu. 


Style Menu 


The commands in the standard Style menu are Plain Text, Bold, Italic, Underline, 
Outline, and Shadow. All the commands except Plain Text are accumulating 
attributes; the user can choose any combination. A command that's in effect for 
the current selection is preceded by a check mark. Plain Text cancels all the 
other choices. Figure 29 shows these styles. 


Plain Text 
Bold 
ffac 


Underline 
Nntline 
Shadwam 


Figure 29-Style Menu 
Figure 29-Style Menu 


Hierarchical Menus 
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Hierarchical menus are a logical extension of the current menu metaphor: another 
dimension is added to a menu, so that a menu item can be the title of a submenu. 
When the user drags the pointer through a hierarchical menu item, a submenu 
appears after a brief delay. 


Hierarchical menu items have an indicator (a small black triangle pointing to 
the right, to indicate "more") at the edge of the menu, as illustrated in Figure 
30. 


Font 


Font 
size 
Leading 
Type style 

Type specs... 
Paragraph... ae Ml 
Indents;tabs... #1 
Define styles... 
Spacing... 
Alignment 
Style 


size 
Leading 
Type style Normal 4p 
sdvevsGsusteatessceduaseuisowsd ate cevecvettanscvuruetenesainetevedtens Bold «> FB 
Type specs... a6 ae <p 3B | 
Paragraph... Underline® 47 U 
Indents;/tabs... Strikethru <3, 
Define styles... mtling +#0 
Spacing... SHG as 


Naftriedhacdigiatarcaatidinntgdeatiseeeaeesitiai saesindsdatons Reverse 
Alignment 
Style 


Figure 30-—Main Menu Before and After Submenu Appears 
Figure 30—Main Menu Before and After Submenu Appears 


One main menu can contain both standard menu items and submenus; both levels can 
have Command-key equivalents. (The submenu title can't have a Command-key 
equivalent, of course, because it's not a command. Key combinations aren't used 
to pull down menus. ) 


Two delay values enable submenus to function smoothly, without jarring 
distractions to the user: The submenu delay is the length of time before a 
submenu appears as the user drags the pointer through a hierarchical menu item. 
It prevents flashing due to rapid appearance—disappearance of submenus. The 
drag delay allows the user to drag diagonally from the submenu title into the 
submenu, briefly crossing part of the main menu, without the submenu 
disappearing (which would ordinarily happen when the pointer was dragged into 
another main menu item). See Figure 31. 
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Figure 31-Drazging Diagonally to a Submenu Item 
Figure 31—Dragging Diagonally to a Submenu Item 


Other aspects of submenus—menu blink for example—behave exactly the same way as 
in standard menus. 


The original Macintosh menus were designed so that the user could drag the mouse 
across the menu bar and immediately see all of the choices currently available. 
Although developers have found they need more menu space, and hierarchical menus 
were designed to meet that need, it's important that this original capability be 
maintained as much as possible. To keep this essential simplicity and clarity, 
follow these guidelines: 


¢ Hierarchical menus should be used only for lists of related items, 
such as fonts or font sizes (in this case, the title of the submenu 
clearly tells what the submenu contains). 

e Only one level of hierarchical menu should be used, although the 
capability for more is provided. This one extra layer of menus 
potentially increases by an order of magnitude the number of menu 
items that can be used; if you need more layers than that, your 
application is probably more complex than most users can understand, 
and you should rethink your design. 


Pop-Up Menus 


A pop-up menu is one that isn't in the menu bar, but appears somewhere else on 
the screen (usually in a dialog) when the user presses in a particular place, as 
shown in Figure 32. 
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Reduce or Printer Effects: 
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Figure 32-Dialog Box With Pop-up Menus 
Figure 32—Dialog Box With Pop-Up Menus 


Pop-up menus are used for setting values or choosing from lists of related 
items. The indication that there is a pop-up menu is a box with a one-pixel 
thick drop shadow, drawn around the current value. When the user presses this 
box, the pop-up menu appears, with the current value—checked and 
highlighted—under the pointer, as shown in Figure 33. If the menu has a title, 
the title is highlighted while the menu is visible. 


Baud Rate: . 300 Baud Rate: 


Figure 33-Diazging Through a Pop-up Menu 
Figure 33—Dragging Through a Pop-up Menu 


The pop-up menu acts like other menus: the user can move around in it and choose 
another item, which then appears in the box, or can move outside it to leave the 
current value active. If a pop-up menu reaches the top or bottom of the screen, 
it scrolls like other menus. 
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When designing an application that uses pop-up menus, keep in mind the following 
points: 


* Pop-up menus should only be used for lists of values or related items 
(much like hierarchical menus); they should not be used for commands. 
« You must draw the shadowed box indicating that there is a pop-up menu, 
so the user knows that it's there—pop-up menus should never be invisible. 
e While the menu is showing, its title should be inverted. If several 
pop-up menus are near each other, this lessens ambiguity about which 
one is being used. 
¢ The current value should always appear under the pointer when the 
menu pops up, so that simply clicking the box doesn't change the item. 
e Hierarchical pop-up menus should not be used. 


Always consider whether a pop-up menu is the simplest thing to use in each case. 
For example, rather than have a pop-up menu choose all paper sizes, icons could 
represent commonly used sizes, with a pop-up menu for non-standard sizes. 


Scrolling Menu Indicator 


Scrolling menus were introduced with the Macintosh Plus and Macintosh 512K 
Enhanced, but this feature was invisible. When there were more than eighteen 
items in a menu (which can happen with fonts on a hard disk), the menu scrolled 
to show more items as the user moved the pointer past the last item; but users 
didn't know whether there were any more items in a menu unless they happened to 
drag past the bottom of it. The scrolling menu feature is now made visible by 
an indicator (similar to the hierarchical menu indicator), which appears at the 
bottom of the menu when there are more items, as shown in Figure 34. 


New York Palatina 
Palatina symbal 
Symbol Times 

Times “apf Chancery 


hl 


eapf Dingbats 


Figure 34-Scrolling Menus: Indicator at Bottom 
Figure 34-Scrolling Menus: Indicator at Bottom 


The indicator area itself doesn't highlight, but the menu scrolls as the user 
drags over it. When the last item is shown, the indicator disappears. 


As soon as the menu starts scrolling, another indicator appears at the top of 
the menu to show that some items are now hidden in that direction (see 
Figure 35). 
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Garamond Geneva 


Figure 35-Scrolling Menus: Indicator at Top 


Figure 35-Scrolling Menus: Indicator at Top 


If the user drags back up to the top, the menu scrolls back down in the same 
manner. If the user releases the mouse button or selects another menu, and then 
selects the menu again, it appears in its original position, with the hidden 
items and the indicator at the bottom. 
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TEXT EDITING 


In addition to the operations described under "The Edit Menu" above, there are 
other ways to edit text that don't use menu items. 


Inserting Text 


To insert text, the user selects an insertion point by clicking where the text 
is to go, and then starts typing it. As the user types, the application 
continually moves the insertion point to the right of each new character. 


Applications with multiline text blocks should support word wraparound; that is, 
no word should be broken between lines. The definition of a word is given under 
"Selecting Words" above. 


Backspace 
When the user presses the Backspace key, one of two things happens: 


e If the current selection is one or more characters, it's deleted. 
¢ If the current selection is an insertion point, the previous 
character is deleted. 


In either case, the insertion point replaces the deleted characters in the 
document. The deleted characters don't go into the Clipboard, but the deletion 
can be undone by immediately choosing Undo. 


Replacing Text 


If the user starts typing when the selection is one or more characters, the 
characters that are typed replace the selection. The deleted characters don't go 
into the Clipboard, but the replacement can be undone by immediately choosing 
Undo. 


Intelligent Cut and Paste 

An application that lets the user select a word by double-clicking should also 
see to it that the user doesn't regret using this feature. The only way to do 
this is by providing "intelligent" cut and paste. 


To understand why this feature is necessary, consider the following sequence of 
events in an application that doesn't provide it: 


1. <A sentence in the user's document reads: 
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Returns are only accepted if the merchandise is damaged. 
The user wants to change this to: 
Returns are accepted only if the merchandise is damaged. 


The user selects the word "only" by double-clicking. The letters are 
highlighted, but not either of the adjacent spaces. 


The user chooses Cut, clicks just before the word "if", and chooses Paste. 
The sentence now reads: 
Returns are accepted onlyif the merchandise is damaged. 
To correct the sentence, the user has to remove a space between "are" 
and "accepted", and add one between "only" and "if". At this point he 


or she may be wondering why the Macintosh is supposed to be easier to 
use than other computers. 


If an application supports intelligent cut and paste, the rules to follow are: 


e 


If the user selects a word or a range of words, highlight the selection, 
but not any adjacent spaces. 

When the user chooses Cut, if the character to the left of the selection 
is a space, discard it. Otherwise, if the character to the right of the 
selection is a space, discard it. 

When the user chooses Paste, if the character to the left or right of the 
current selection is part of a word, insert a space before pasting. 


If the left or right end of a text selection is a word, follow these rules at 
that end, regardless of whether there's a word at the other end. 


This feature makes more sense if the application supports the full definition of 
a word (as detailed above under "Selecting Words"), rather than the definition 
of a word as anything between two spaces. 


These rules apply to any selection that's one or more whole words, whether it 
was chosen with a double click or as a range selection. 


Figure 36 shows some examples of intelligent cut and paste. 


@ SpInside Macintosh ¢« Version 1.0 * November 1989 « Apple Computer 
THE MACINTOSH USER INTERFACE GUIDELINES ¢ 65 of 90 


Example 1: 


1. Selecta word. Drink to me gilky with thine eves. 
2. Choose Cut. Drink te melwith thine eves. 

3. Select an ingertion point. Drink to me with thine eves 

4. Choose Paste. Drink te me with only thine eves. 
Example 2: 

1. Selecta word. How, fy brown cow 

2. Choose Cut. How | brown cow 

3. Select an insertion point. How, brown cow 

4. Choose Paste. How now, brown cow 


Figure 36—Intelligent Cut and Paste 


Figure 36—Intelligent Cut and Paste 


Editing Fields 


If an application isn't primarily a text application, but does use text in 
fields (such as in a dialog box), it may not be able to provide the full text 
editing capabilities described so far. It's important, however, that whatever 
editing capabilities the application provides under these circumstances be 
upward-compatible with the full text editing capabilities. The following list 
shows the capabilities that can be provided, from the minimal to the most 
sophisticated: 


The user can select the whole field and type in a new value. 

The user can backspace. 

The user can select a substring of the field and replace it. 

The user can select a word by double-clicking. 

The user can choose Undo, Cut, Copy, Paste, and Clear, as described 
above under "The Edit Menu". In the most sophisticated version, the 
application implements intelligent cut and paste. 


ee e.°e e 


An application should also perform appropriate edit checks. For example, if the 
only legitimate value for a field is a string of digits, the application might 
issue an alert if the user typed any nondigits. Alternatively, the application 
could wait until the user is through typing before checking the validity of the 
field's contents. In this case, the appropriate time to check the field is when 
the user clicks anywhere other than within the field. 
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DIALOGS AND ALERTS 


The "select-then-choose" paradigm is sufficient whenever operations are simple 
and act on only one object. But occasionally a command will require more than 
one object, or will need additional parameters before it can be executed. And 
sometimes a command won't be able to carry out its normal function, or will be 
unsure of the user's real intent. For these special circumstances the Macintosh 
user interface includes two additional features: 


e dialogs, to allow the user to provide additional information before 
a command is executed 
e alerts, to notify the user whenever an unusual situation occurs 


Since both of these features lean heavily on controls, controls are described in 
this section, even though controls are also used in other places. 


Controls 


Friendly systems act by direct cause-and-effect; they do what they're told. 
Performing actions on a system in an indirect fashion reduces the sense of 
direct manipulation. To give Macintosh users the feeling that they're in control 
of their machines, many of an application's features are implemented with 
controls: graphic objects that, when manipulated with the mouse, cause instant 
action with visible results. Controls can also change settings to modify future 
actions. 


There are four main types of controls: buttons, check boxes, radio buttons, and 
dials (see Figure 37). You can also design your own controls, such as a ruler on 
which tabs can be set. 
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Figure 37-Controls 
Figure 37-Controls 


Buttons 


Buttons are small objects labeled with text. Clicking or pressing a button 
performs the action described by the button's label. 


Buttons usually perform instantaneous actions, such as completing operations 
defined by a dialog box or acknowledging error messages. They can also perform 
continuous actions, in which case the effect of pressing on the button would be 
the same as the effect of clicking it repeatedly. 


Two particular buttons, OK and Cancel, are especially important in dialogs and 
alerts; they're discussed under those headings below. 


Check Boxes and Radio Buttons 


Whereas buttons perform instantaneous or continuous actions, check boxes and 
radio buttons let the user choose among alternative values for a parameter. 


Check boxes act like toggle switches; they're used to indicate the state of a 
parameter that must be either off or on. The parameter is on if the box is 
checked, otherwise it's off. The check boxes appearing together in a given 
context are independent of each other; any number of them can be off or on. 


Radio buttons typically occur in groups; they're round and are filled in with a 
black circle when on. They're called radio buttons because they act like the 
buttons on a car radio. At any given time, exactly one button in the group is 
on. Clicking one button in a group turns off the button that's currently on. 


Both check boxes and radio buttons are accompanied by text that identifies what 
each button does. 


Dials 
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Dials display the value, magnitude, or position of something in the application 
or system, and optionally allow the user to alter that value. Dials are 
predominantly analog devices, displaying their values graphically and allowing 
the user to change the value by dragging an indicator; dials may also have a 
digital display. 


The most common example of a dial is the scroll bar. The indicator of the scroll 
bar is the scroll box; it represents the position of the window over the length 
of the document. The user can drag the scroll box to change that position. (See 
"Scroll Bars" above. ) 


Dialogs 


Commands in menus normally act on only one object. If a command needs more 
information before it can be performed, it presents a dialog box to gather the 
additional information from the user. The user can tell which commands bring up 
dialog boxes because they're followed by an ellipsis (...) in the menu. 


A dialog box is a rectangle that may contain text, controls, and icons. There 
should be some text in the box that indicates which command brought up the 
dialog box. 


The user sets controls and text fields in the dialog box to provide the needed 
information. When the application puts up the dialog box, it should set the 
controls to some default setting and fill in the text fields with default 
values, if possible. One of the text fields (the "first" field) should be 
highlighted, so that the user can change its value just by typing in the new 
value. If all the text fields are blank, there should be an insertion point in 
the first field. 


Editing text fields in a dialog box should conform to the guidelines detailed 
above under "Text Editing". 


When the user is through editing an item: 
¢ Pressing Tab accepts the changes made to the item, and selects the 
next item in sequence. 
e Clicking in another item accepts the changes made to the previous 
item and selects the newly clicked item. 
Dialog boxes are either modal or modeless, as described below. 
Modal Dialog Boxes 
A modal dialog box is one that the user must explicitly dismiss before doing 


anything else, such as making a selection outside the dialog box or choosing a 
command. Figure 38 shows a modal dialog box. 
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Figure 33-4 Modal Dialog Bor 
Figure 38-A Modal Dialog Box 


Because it restricts the user's freedom of action, this type of dialog box 
should be used sparingly. In particular, the user can't choose a menu item while 
a modal dialog box is up, and therefore can only do the simplest kinds of text 
editing. For these reasons, the main use of a modal dialog box is when 

it's important for the user to complete an operation before doing anything else. 


A modal dialog box usually has at least two buttons: OK and Cancel. OK 
dismisses the dialog box and performs the original command according to the 
information provided; it can be given a more descriptive name than "OK". Cancel 
dismisses the dialog box and cancels the original command; it should always be 
called "Cancel". 


A dialog box can have other kinds of buttons as well; these may or may not 
dismiss the dialog box. One of the buttons in the dialog box may be outlined 
boldly. The outlined button is the default button; if no button is outlined, 
then the OK button is the default button. The default button should be the 
safest button in the current situation. Pressing the Return or Enter key has the 
same effect as clicking the default button. If there's no default button, Return 
and Enter have no effect. 


A special type of modal dialog box is one with no buttons. This type of box just 
informs the user of a situation without eliciting any response. Usually, it 
would describe the progress of an ongoing operation. Since it has no buttons, 
the user has no way to dismiss it. Therefore, the application must leave it up 
long enough for the user to read it before taking it down. 


Modeless Dialog Boxes 


A modeless dialog box allows the user to perform other operations without 
dismissing the dialog box. Figure 39 shows a modeless dialog box. 


A modeless dialog box is dismissed by clicking in the close box or by choosing 
Close when the dialog is active. The dialog box is also dismissed implicitly 
when the user chooses Quit. It's usually a good idea for the application to 
remember the contents of the dialog box after it's dismissed, so that when it's 
opened again, it can be restored exactly as it was. 
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Figure 39-A Modeless Dialog Boz 
Figure 39-A Modeless Dialog Box 


Controls work the same way in modeless dialog boxes as in modal dialog boxes, 
except that buttons never dismiss the dialog box. In this context, the OK button 
means "go ahead and perform the operation, but leave the dialog box up", while 
Cancel usually terminates an ongoing operation. 


A modeless dialog box can also have text fields; since the user can choose menu 
commands, the full range of editing capabilities can be made available. 


Standard Close Dialog 


When a user chooses Close or Quit from the File menu, and the active document 
has been changed, the Close dialog box appears, asking "Save changes before 
closing?" A great deal of work can be lost if a user mistakenly clicks the "No" 
button instead of "Cancel". This is especially important to MultiFinder users, 
who often move from one application to another and become less aware of subtle 
differences between applications. To avoid confusion, all applications should 
use the same standard Close dialog. As shown in Figure 40, dialogs can have 
multiple lines of text. 


Save changes to "Kiemo to 
Elizabeth"? 


Cancel 


Figure 40-A Standard Close Dialog 
Figure 40—-A Standard Close Dialog 


Close Box Specifications 
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"Yes" and "No", the two direct responses to the question "Save changes before 
closing?" are placed together on the left side of the box. "Yes", the default 
button, is boldly outlined. "Cancel", which cancels the close command, is to the 
right, separate from "Yes" and "No". 


After the user selects Close from the File menu, the text of the question in the 
Close box is generally "Save changes before closing?" However, if the user sees 
this dialog after choosing "Quit", the text would instead be "Save changes 
before quitting?" If the application supports multiple windows, the text could 
be "Save changes to [document name] before closing window?" The box should 
always look the same and appear in the same place on the screen. 


The box itself is 120 pixels high by 238 pixels wide. Its standard location is 
(100,120) (220,358) but other locations may be appropriate. 


Here are the other coordinates for the standard close box (assuming standard 
location): 


the text 

the word "yes" 
the word "no" 

the word "cancel" 


12,20) (45,223) 
58,25) (76,99) 
86,25) (104,99) 
86,141) (104,215) 


—— 


If you must devise a close box different from the one described here, maintain 
the general arrangement of the buttons and remember that the user's safest 
choice should be the default button and that the most dangerous choice should be 
the most difficult to make happen. 


Alerts 


Every user of every application is liable to do something that the application 
won't understand or can't cope with in a normal manner. Alerts give applications 
a way to respond to errors not only in a consistent manner, but in stages 
according to the severity of the error, the user's level of expertise, and the 
particular history of the error. The two kinds of alerts are beeps and alert 
boxes. 


Beeps are used for errors that are both minor and immediately obvious. For 
example, if the user tries to backspace past the left boundary of a text field, 
the application could choose to beep instead of putting up an alert box. A beep 
can also be part of a staged alert, as described below. 


An alert box looks like a modal dialog box, except that it's somewhat narrower 
and appears lower on the screen. An alert box is primarily a one way 
communication from the system to the user; the only way the user can respond is 
by clicking buttons. Therefore alert boxes might contain dials and buttons, but 
usually not text fields, radio buttons, or check boxes. Figure 41 shows a 
typical alert box. 
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Figure 41-An Alert Bor 
Figure 41-An Alert Box 


There are three types of alert boxes: 


¢ Note: A minor mistake that wouldn't have any disastrous consequences 
if left as is. 

¢ Caution: An operation that may or may not have undesirable results 
if it's allowed to continue. The user is given the choice whether or 
not to continue. 

* Stop: A serious problem or other situation that requires remedial 
action by the user. 


An application can define different responses for each of several stages of an 
alert, so that if the user persists in the same mistake, the application can 
issue increasingly more helpful (or sterner) messages. A typical sequence is for 
the first two occurrences of the mistake to result in a beep, and for subsequent 
occurrences to result in an alert box. This type of sequence is especially 
appropriate when the mistake is one that has a high probability of being 
accidental (for example, when the user chooses Cut when there's no text 
selection). 


How the buttons in an alert box are labeled depends on the nature of the box. If 
the box presents the user with a situation in which no alternative actions are 
available, the box has a single button that's labeled OK. Clicking this button 
means "I've read the alert." If the user is given alternatives, then typically 
the alert is phrased as a question that can be answered "yes" or "no". In this 
case, buttons labeled Yes and No are appropriate, although some variation such 
as Save and Don't Save is also acceptable. OK and Cancel can be used, as long as 
their meanings aren't ambiguous. 


The preferred (safest) button to use in the current situation is boldly 
outlined. This is the alert's default button; its effect occurs if the user 
presses Return or Enter. 


It's important to phrase messages in alert boxes so that users aren't left 
guessing the real meaning. Avoid computer jargon. 


Use icons whenever possible. Graphics can better describe some error situations 
than words, and familiar icons help users distinguish their alternatives better. 
Icons should be internationally comprehensible; they shouldn't contain any 
words, or any symbols that are unique to a particular country. 
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Generally, it's better to be polite than abrupt, even if it means lengthening 
the message. The role of the alert box is to be helpful and make constructive 
Suggestions, not to give orders. But its focus is to help the user solve the 
problem, not to give an interesting but academic description of the problem 
itself. 


Under no circumstances should an alert message refer the user to external 
documentation for further clarification. It should provide an adequate 
description of the information needed by the user to take appropriate action. 


The best way to make an alert message understandable is to think carefully 
through the error condition itself. Can the application handle this without an 
error? Is the error specific enough so that the user can fix the situation? What 
are the recommended solutions? Can the exact item causing the error be displayed 
in the alert message? 
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COLOR 


Apple's goal in adding color to the desktop user interface is to add meaning, 
not just to color things so they "look good". Color can be a valuable 
additional channel of information to the user, but must be used carefully; 
otherwise, it can have the opposite of the effect you were trying for, and can 
be overwhelming visually (or look game-like). 


Color is ultimately the domain of the user, who should be able to modify or 
remove any coloring imposed by the application. Unless you are implementing a 
color application such as a paint or draw program, you should consider color 
only for the data, not the interface. 


In order to successfully implement color in an application, you should 
understand some of the complex issues surrounding its use. Many major theories 
on the proper use of color are not complete or well defined. The way in which 
the human eye sees color is not fully understood, nor are color's subjective 
effects. 


Standard Uses of Color 


In traditional user interface design, color is used to associate or separate 
objects and information in the following ways: 


discriminate between different areas 

show which things are functionally related 
show relationships between things 

identify crucial features 


eee e 


Color Coding 


Different colors have standard associations in different cultures. "Meanings" 
of colors usually have nothing to do with the wavelength of the color, but are 
learned through conditioning within a particular culture. Some of the more 
universal meanings for colors are 


e Red: stop, error, or failure. (For disk drives, red also means 
disk access in progress; don't remove the disk or turn it off.). 

¢ Yellow: warning, caution, or delay. 

* Green: go, ready, or power on. 

e Warm versus cold: reds, oranges, and yellows are perceived as hot 
or exciting colors; blues and greens are cool, calm colors. 


Colors often have additional standard meanings within a particular discipline: 
in the financial world, red means loss and black means gain. To a mapmaker, 
green means wooded areas, blue means water, yellow means deserts. In an 
application for a specific field, you can take advantage of these meanings; in a 
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general application, you should allow users to change the colors and to turn off 
any color-coding that you use as a default. 


For attracting the user's attention, orange and red are more effective than 
other colors, but usually connote "warning" or "danger". (Be aware, though, 
that in some cases, attracting the eye might not be what you want to do; for 
example, if "dangerous" menu items are colored red, the user's eye will be 
attracted to the red items, and the user might be more likely to select the 
items by mistake. ) 


Although the screen may be able to display 256 or more colors, the human eye can 
discriminate only around 128 pure hues. Furthermore, when colors are used to 
signify information, studies have shown that the mind can only effectively 
follow four to seven color assignments on a screen at once. 


General Principles of Color Design 


Two principles should guide the design of your application: begin the design in 
black and white, and limit the use of color, especially in the application's use 
of the standard interface. 


Design in Black and White 


You should design your application first in black and white. Color should be 
Supplementary, providing extra information for those users who have color. 
Color shouldn't be the only thing that distinguishes two objects; there should 
always be other cues, such as shape, location, pattern, or sound. There are 
several reasons for this: 


¢ Monitors: Most of your users won't have color. The majority of Macintosh 
computers that Apple ships are black and white, and will continue to be 
so for some time. 

e Printing: Currently, color printing is not very accurate, and even when 
high-quality color printing becomes available, there is usually a 
significant change in colors between media. 

« Colorblindness: A significant percentage of the population is colorblind 
to some degree. (In Europe and America, about 8% of males and 0.5% of 
females have some sort of defective color vision.) The most common form 
of colorblindness is a loss of ability to distinguish red and green from 
gray. In another form, yellow, blue, and gray are indistinguishable. 

e Lighting: Under dim lighting conditions, colors tend to wash out and 
become difficult for the eye to distinguish—the differences between colors 
must be greater, and the number of colors fewer, for them to be 
discernable. You can't know the conditions under which your application 
may be used. 


Limit Color Use 


In the standard interface part of applications (menus, window frames, etc.), 
color should be used mimimally or not at all; the Macintosh interface is very 
succesful in black and white. You want the user's attention focused on the 
content of the application, rather than distracted by color in the menus or 
scroll bars. Availability of color in the content area of your application 
depends on the sort of application: 


@ SpInside Macintosh ¢ Version 1.0 * November 1989 * Apple Computer 
THE MACINTOSH USER INTERFACE GUIDELINES ¢ 76 of 90 


¢ Graphics applications, which are concerned with the image itself, 
should take full advantage of the color capabilities of Color QuickDraw, 
letting the user choose from and modify as many colors as are available. 

¢ Other applications, which deal with the organization of information, 
should limit the use of color much more than this. Color-coding should 
be allowed or provided to make the information clearer. Providing the 
user with a small initial selection of distinct colors—four to seven at 
most—with the capability of changing those or adding more, is the best 
solution to this. 


Contrast and Discrimination 


Color adds another dimension to the array of possible contrasts, and care must 
be given to maintain good readability and discernment. 


Colors on Grays 


Colors look best against a background of neutral gray, like the desktop. Colors 
within your application will stand out more if the background and surrounding 
areas (such as the window frame and menus) are black and white or gray. 


Colored Text 


Reading and legibility studies in the print (paper) world show that colored text 
is harder to read than black text on a white background. This also appears to 
be true in the limited studies that have been done in the computer domain, 
although almost all these studies have looked at colors on a black background, 
not the white background used in the Macintosh. 


Beware of Blue 


The most illegible color is light blue, which should be avoided for text, 

thin lines, and small shapes. Adjacent colors that differ only in the amount of 
blue should also be avoided. However, for things that you want to go unnoticed, 
like grid lines, blue is the perfect color (think of graph paper or lined 
paper). 


Small Objects 
People cannot easily discriminate between small areas of color—to be able to 


tell what color something is, you have to have enough of it. Changes in the 
color of small objects must be obvious, not subtle. 


Specific Recommendations 

Remember that color should never be the only thing that distinguishes objects. 
Other cues such as shape, location, pattern, or sound, should always be used in 
addition to color, for the reasons discussed above. 


Color the Black Bits Only 
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Generally, all interface elements should maintain a white background, using 
color to replace black pixels as appropriate. Maintaining the white background 
and only coloring what is already black (if something needs to be colored at 
all) helps to maintain the clarity and the "look and feel" of the Macintosh 
interface. 


Leave Outlines Black 


Outlines of menus, windows, and alert and dialog boxes should remain in black. 
Edges formed by color differences alone are hard for the eye to focus on, and 
these objects may appear against a colored desktop or window. 


Highlighting and Selection 


Most things—menu items, icons, buttons, and so forth—should highlight by 
reversing the white background with the colored or black bits when selected. 
(For example, if the item is red on a white background, it should highlight to 
white on a red background.) However, if multiple colors of text appear together, 
Color TextEdit allows the user to set the highlighting bar color to something 
other than black to highlight the text better. The default for the bar color is 
always black. 


Menus 


In general, the only use of color in menus should be in menus used to choose 
colors. However, color could also be useful for directing the user's choices in 
training and tutorial materials: one color can lead the user through a lesson. 


Windows 


Since the focus of attention is on the content region of the window, color 
should be used only in that area. Using color in the scroll bars or title bar 
can simply distract the user. (A possible exception would be coloring part of a 
window to match the color of the icon from which it came.) 


Dialogs and Alerts 


Except for dialog boxes used to select colors, there's no reason to color dialog 
boxes; they should be designed and laid out clearly enough that color isn't 
necessary to separate different sections or items. Alert boxes must be as clear 
as possible; color can add confusion instead of clarity. For example, if you 
tried to make things clearer by using red to mean "dangerous" and green to mean 
"safe" in the Erase Disk alert, the OK button ("go") would be red and the Cancel 
("stop") button would be green. Don't do this. 


Pointers 


Most of the time, when the pointer is being used for selecting and pointing, it 
should remain black—color might not be visible over potentially different 
colored backgrounds, and wouldn't give the user any extra information. However, 
when the user is drawing or typing in color, the drawing or text-insertion 
pointer should appear in the color that is being used. Except for multicolored 
paintbrush pointers, the pointer shouldn't contain more than one color at 
once—it's hard for the eye to discriminate small areas of color. 
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SOUND 


The high-quality sound capabilities of the Macintosh let sound be integrated 
into the human interface to give users additional information. This section 
refers to sound as a part of the interface in standard applications, not to the 
way sound is used in an application that uses the sound itself as data, such as 
a music composition application. 


When to Use Sound 
There are two general ways that sound can be used in the interface: 


e It can be integrated throughout the standard interface to help make 
the user aware of the state of the computer or application. 

« It can be used to alert the user when something happens unexpectedly, 
in the background, or when the user is not looking at the screen. 


In general, when you put an indicator on the screen to tell the user 
something—for example, to tell the user that mail has come in, or to show a 
particular state-it's also appropriate to use a sound. 


Getting Attention 


If the computer is doing something time-consuming, and the user may have turned 
away from the screen, sound is a good way to let the user know that the process 
is finished, or it needs attention. (There should also be an indication on the 
screen, of course.) 


Alerts 


Common alerts can use sounds other than the SysBeep for their first stage or two 
before bringing up an alert box. For example, when users try to paste when 
there's nothing in the Clipboard, or try to backspace past the top of a field, 
different sounds could alert them. 


Modes 
If your application has different states or modes, each one can have a 


particular sound when the user enters or leaves. This can emphasize the current 
mode, and prevent confusion. 


General Guidelines 


Although the use of sound in the Desktop Interface hasn't been investigated 
thoroughly, these are some general guidelines to keep in mind. 


Don't Go Overboard 
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Be thoughtful about where and how you use sound in an application. If you 
overuse sound, it won't add any meaning to the interface, and will probably be 
annoying. 


Use Redundancy 


Sound should never be the only indication that something has happened; there 
should always be a visible indication on the screen, too, especially when the 
user needs to know what happened. The user may have all sound turned off, may 
have been out of hearing range of the computer, or may have a hearing 
impairment. 


Natural and Unobtrusive 


Most sounds can be quite subtle and still getting their meaning across. Loud, 
harsh sounds can be offensive or intimidating. You should always use the sound 
yourself and test it on users for a significant period of time (a week or two, 
not twenty minutes) before including it in your application—if you turn it off 
after a day, chances are other people will, too. You should also avoid using 
tunes or jingles—more than two or three notes of a tune may become annoying or 
sound silly if heard very often. 


Significant Differences 

Users can learn to recognize and discriminate between sounds, but different 
sounds should be significantly different. Nonmusicians often can't tell the 
difference between two similar notes or chords, especially when the sounds are 
separated by a space of time. 

User Control 


The user can change the volume of sounds, or turn sound off altogether, using 
the Control Panel desk accessory. Never override this capability. 


Resources 


Always store sounds as resources, so users can change sounds and add additional 
sounds. 
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USER TESTING 


The primary test of the user interface is its success with users: can people 
understand what to do and can they accomplish the task at hand easily and 
efficiently? The best way to answer these questions is to put them to the users. 


Build User Testing Into the Design Process 


Users should be involved early in the design process so that changes in the 
basic concept of the product can still be made, if necessary. Although there's 
a natural tendency to wait for a good working prototype before showing the 
product to anyone, this is too late for the user to have a significant impact on 
design. In the absence of working code, you can show test subjects alternate 
designs on paper or storyboards. There are lots of ways that early concepts can 
be tested on potential users of a product. Then, as the design progresses, the 
testing can become more refined and can focus on screen designs and specific 
features of the interface. 


Test Subjects 


There is no such thing as a "typical user". You should, however, be able to 
identify some people who are familiar with the task your application supports 
but are unfamiliar with the specific technology you are using. These "naive 
experts" make good subjects because they don't have to be taught what the 
application is for, they are probably already motivated to use it, and they know 
what is required to accomplish the task. 


You don't need to test a lot of people. The best procedure for formative 
testing (testing during the design process) is to collect data from a few 
subjects, analyze the results and apply them as appropriate. Then, identify new 
questions that arise and questions that still need answers, and begin all over 
again—it is an iterative process. 


Procedures 


Planning and carrying out a true experimental test takes time and expert 
training. But many of the questions you may have about your design do not 
require such a rigid approach. Furthermore, the computer and application 
already provide a controlled setting from which objective data can be gathered 
quite reliably. The major requirements are 


¢ to make objective observations 
e to record the data during the user-product interaction 


Objective observations include measures of time, frequencies, error rates, and 
so forth. The simple and direct recording of what the person does and says 
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while working is also an objective observation, however, and is often very 
useful to designers. Test subjects can be encouraged to talk as they work, 
telling what they are doing, trying to do, expect to happen, etc. This record 
of a person's thinking aloud is called a protocol by researchers in the fields 
of cognition and problem-solving, and is a major source of their data. 


The process of testing described here involves the application designer and the 
test subjects in a regular cycle of feedback and revision. Although the test 
procedures themselves may be informal, user-testing of the concepts and features 
of the interface becomes a regular, integral part of the design process. 
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DO'S 


AND DON'TS OF A FRIENDLY USER INTERFACE 


Do: 


Let the user have as much control as possible over the appearance 
of objects on the screen—their arrangement, size, and visibility. 
Use verbs for menu commands that perform actions. 

Make alert messages self-explanatory. 

Use controls and other graphics instead of just menu commands. 
Take the time to use good graphic design; it really helps. 


Overuse modes, including modal dialog boxes. 

Require using the keyboard for an operation that would be easier 

with the mouse, or require using the mouse for an operation that 

would be easier with the keyboard. 

Change the way the screen looks unexpectedly, especially by scrolling 
automatically more than necessary. 

Redraw objects unnecessarily; it causes the screen to flicker annoyingly. 
Make up your own menus and then give them the same names as standard menus. 
Take an old-fashioned prompt-based application originally developed 

for another machine and pass it off as a Macintosh application. 
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Original Macintosh Finder Desktop Images 
Courtesy of David T Craig (28 December 2003) 


Source: 
http://www.mac512.com/system10.htm 
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" «@ File Edit View Special 


Use the Scrapbook to store a variety of text selections and pictures which 
may be transferred between applications. From the Edit menu, Cut or Copy 
an iter from the Scrapbook, then Paste into an application document. 
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* File Edit View Special 
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